hexo-详细搭建

安装node

  • node下载地址:http://nodejs.cn/download/
  • 具体安装方法,这里不做详写
  • 安装完成可以通过node -v 查看安装是否生效和node的版本
  • 我这里使用的是v10.15.0版本 github和coding
  • 这里对于git的使用,不会详写,具体请自行百度
  • github和coding都是git代码管理工具,拥有github pages 服务,可以设置静态服务页面
  • github的服务器是在国外,如果用github部署个人博客,访问的响应速度会比较慢
  • coding是腾讯云的代码管理工具,本人使用的是这个来部署的(必须企业版coding——团队人数在5人以下是免费的。选择个人版,在搭建https时,https证书可能会有一定的问题)
  • 先暂时不用做双线部署(国内访问coding服务,国外访问github服务),如果做成了双线部署,百度站长的https认证,可能会出现问题,原因不详

博客初始化

  1. 安装hexo npm i -g hexo
  2. 新建存放项目的文件夹
  3. hexo初始化 hexo init
  4. 查看是否安装成功 hexo -v
  5. 初始化成功之后,会看到一系列文件夹
    • node_modules:是依赖包
    • public:存放的是生成的页面
    • scaffolds:命令生成文章等的模板
    • source:用命令创建的各种文章
    • themes:主题
    • _config.yml:整个博客的配置
    • db.json:source解析所得到的
    • package.json:项目所需模块项目的配置信息
  6. 将博客绑定到github(非必须)
    • 购买域名,无需备案(百度抓取你的个人博客文章链接,最好还是备案一下,有优先权,也容易被录取,否则,录取过程会很慢很慢。没录取就只能通过链接才能访问到你,直接百度搜索,搜索不到你。谷歌录取很快。^_^原谅我不会表述)
    • 相关工具,百度搜索,百度站长,谷歌搜索,谷歌站长
    • 需要在博客项目的source文件夹下创建一个CNAME的文件(无后缀)
    • 然后到域名配置DNS处,添加一条记录类型为CNAME,指向到“用户名.github.io” ,该路径是github静态网站部署后的默认访问路径,也是为什么仓库名称必须是用户名的原因
    • 此处非必须,如果不想绑定github,请往下拉,会有绑定coding的方式
    • 登录github,创建仓库
    • 登录git bash绑定邮箱和用户名 git config --global user.name "你的用户名" git config --global user.email "你的邮箱地址"
    • 创建ssh 输入ssh-keygen -t rsa -C "你的邮箱地址",找到此目录,C:\Users\你的用户名.ssh 打开该文件夹下的id_rsa.pub文件,获取内容,copy
    • github setting配置ssh 点击右上角的setting

    点击右上角的new ssh key 将id_rsa.pub文件里面的内容全部粘贴进去,不用管格式内容啥的,直接全部粘贴

    • 配置自定义域名解析(非必须)
  7. 将博客绑定到coding
    • 购买域名,无需备案(百度抓取你的个人博客文章链接,最好还是备案一下,有优先权,也容易被录取,否则,录取过程会很慢很慢。没录取就只能通过链接才能访问到你,直接百度搜索,搜索不到你。谷歌录取很快。^_^原谅我不会表述)
    • 相关工具,百度搜索,百度站长,谷歌搜索,谷歌站长

    选择刚才新建的项目

    新建完成,返回上一步,选择设置

    设置后的页面,按照提示,进行域名配置

    然后到域名配置DNS处,添加一条记录类型为CNAME,指向到“coding默认给的路径” 我的记录集,没有github的配置,我给删除了

    • 注册企业版coding,企业版,企业版,企业版,重要的事情说三遍
    • 创建项目
    • 登录git bash绑定邮箱和用户名 git config --global user.name "你的用户名" git config --global user.email "你的邮箱地址"
    • 创建ssh 输入ssh-keygen -t rsa -C "你的邮箱地址",找到此目录,C:\Users\你的用户名.ssh 打开该文件夹下的id_rsa.pub文件,获取内容,copy
    • coding 设置添加ssh 点击个人设置

    添加公钥,将id_rsa.pub文件里面的内容全部粘贴进去,不用管格式内容啥的,直接全部粘贴

    • 配置自定义域名解析(非必须)
  8. hexo配置和本地启动
    • github访问路径:用户名.github.io
    • coding访问路径:创建项目成功之后,会给一个路径,用此路径访问
    • 如果配置域名,可以直接用域名访问
    • github路径
    • coding路径
    • 打开hexo init 文件中的_config.xml文件
    • 搜索deploy找到内容,修改 deploy: type: git repo: #github: git@github.com:你的用户名/你的用户名.github.io.git,master coding: git@e.coding.net:你的用户名/你的用户名.git,master
    • 此处我的github是注释的,因为我没用该git管理工具
    • 可以找到刚才创建的项目,复制链接,后面拼接,master或者其他分支
    • 本地运行,启动成功后,默认访问路径:localhost:4000 hexo clean hexo -g hexo -s
    • 上传到服务端运行 hexo clean hexo -g hexo -d

主题配置-next

  1. next下载
    • 进入博客项目根目录,打开git bash
    • git clone https://github.com/theme-next/hexo-theme-next themes/next
  2. 配置
    • 普通配置:主题下载好之后只需要修改_config.xml
  3. 修改主题
    • 进入根目录下的_config.xml,搜索theme,将值更改为next(下载的主题的文件夹名称)
  4. 其他
    • 具体的配置,大家自行查看https://blog.csdn.net/nightmare_dimple/article/details/86661502,这里就不重复写了
  5. 注意
    • 那里花里胡哨的,本人不推荐使用。页面宠物,音乐插件,随机背景图片等等都是没必要的东西,会造成资源浪费,会很慢

写文章

  • 博客建立好之后,就该进入重点了
  • 根目录-》source-》_posts 在此文件夹下写文章
  • 文章格式为md格式,不熟悉md格式的,可以查看https://www.runoob.com/markdown/md-tutorial.html
  • 写好md文章之后,在md文章头部插入
id: design001                【/访问路径,不设置默认路径是文件夹名称】
title: 标题
date: 2019-12-04 00:00:00    【 时间,归档会用到】
categories:
  - 标签1
tags:
- 标签1
- 标签2
toc: true                     【是否开启目录】
top: 20                       【排序,从大到小排序】
  • 推荐手动截取文章内容,在首页显示。在想要截取的地方添加 <!-- more -->
  • md文章格式,图片展示
  • md文章格式,效果演示

_config.xml配置

我在这里贴出我的两个_config.xml文件,但是别直接复制,粘贴,只供参考,有一些关于appid和key的私密性东西,我就随便改了一下 例如:Valine评论

主题配置文件的_config.xml

http://q2jt1v8qv.bkt.clouddn.com/_config.next.txt

根目录配置文件的_config.xml

http://q2jt1v8qv.bkt.clouddn.com/_config.txt

个人博客演示地址

https://www.yangxj.top

关于我

https://www.yangxj.top/about/

本文分享自微信公众号 - JAVA知识总结与分享(summing_up_sharing),作者:爱笑的阿杰

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-12-30

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 正则表达式-完结

    前言:内容包括正则表达式的子表达式,回溯引用,前后查找,嵌入条件,以及例子的拆分介绍。如果文字描述有问题可以评论指出,如果概念很模糊,可以加我微信,我会尽量解答...

    杨小杰
  • 数据结构-队列

    队列(queue)在计算机科学中,是一种先进先出的线性表。 它只允许在表的前端进行删除操作,而在表的后端进行插入操作。进行插入操作的端称为队尾,进行删除操作的端...

    杨小杰
  • 正则表达式-入门

    前言:今天先分享正则表达式的基础元字符,后续会分享正则表达式的子表达式,回溯引用,前后查找,嵌入条件,,全部分享完成之后,会尝试着去分享一些例子与拆分介...

    杨小杰
  • 课程实录丨解密互联网架构设计(2)

    面向服务架构,本质上就是将之前的单体应用拆分成多个应用,每个应用之间是通过分布式服务框架或者是一些RPC的框架进行通讯交互,之前提到了服务化提供的三大能力,一个...

    博文视点Broadview
  • 你知道C语言中的危险函数吗?

    "缓冲区溢出"漏洞是一个由来已久的漏洞类型,虽然现代操作系统的编译器,已经可以很大程度的阻止此类型漏洞的出现,但是作为一名合格的C程序员,还是有必要对此类漏洞的...

    7089bAt@PowerLi
  • 程序员架构实战案例——分布式架构演变

    随着计算机系统规模变得越来越大,将所有的业务单元集中部署在一个或若干个大型机上的体系架构,已经越来越不能满足当今计算机系统。同时,随着微型计算机的出现,越来越多...

    慕容千语
  • 内存数据库到底有多快?

    并发量太高的应用中(比如10分钟内插入300w条记录),数据库往往难堪重负,在没有银子实现服务器集群/负载均衡/分布式存储的情况下,可以尝试一下把数据库做一个临...

    菩提树下的杨过
  • 报告称全球网络黑市已空前发达

    Juniper(瞻博网络 NYSE:JNPR)与兰德今日发布网络黑市调查报告。报告显示,网络黑市已经是一个成熟的、价值数十亿美元的市场,拥有深厚的...

    安恒信息
  • 你知道什么是漂亮排序法吗?哦,知道,不就是臭皮匠排序法嘛!

    在《算法导论》第二版第 7 章(快速排序)的思考题(第 95 页)中提及到一种 低效的递归排序算法:Stooge 排序, Howard、Fine 等教授将这个算...

    五分钟学算法
  • Python - 面向对象(三)公共变量,受保护变量,私有变量

    在Python的类里面,所有属性和方法默认都是公共的;但Python也可以设置受保护、私有类型的变量or方法

    小菠萝测试笔记

扫码关注云+社区

领取腾讯云代金券