我的Hexo博客搭建

下载初始化Hexo博客框架

第一步,万事开头看官网 Hexo!什么也不说就是直接整。直接执行首页的代码(默认大家git和Node.js已经安装哈,有问题看文档)。

1
2
3
4
5
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

这个时候你已经可以看到你的博客页面了,通过文档的阅读修改 _config.yml来配置自己的博客名称,绝对地址等等。但是你以为这样就结束了吗。这个时候我们需要骚起来,这样千篇一律的样式怎么能满足我呢。于是开始找各式各样的主题(github可找到很多直接搜索 hexo theme 全站搜索)。
github

选择优秀的主题(打造自己的博客)

这里首先感谢cofess贡献的美腻主题。

安装主题

  • 首先进入到你安装的Hexo文件的themes文件目录之下。
  • 直接在当前页面下执行一下代码
    1
    git clone https://github.com/cofess/hexo-theme-pure.git themes/pure
    执行完之后可以看到一个名字为 pure的文件夹。

修改Hexo博客框架中的主要配置文件启用主题(config.yml)

在左图中的文件中找到右图的内容,并修改对应字段信息为主题名称(就是你下载主题之后的文件夹名称)

安装插件

  • hexo-wordocunt:字数统计的插件可以看到你文章的字数统计
    1
    npm install hexo-wordcount --save
  • hexo-generator-json-content:搜索插件
    1
    npm install hexo-generator-json-content --save
  • hexo-generator-feed:SSR订阅
    1
    npm install hexo-generator-feed --save
  • hexo-generator-sitemap
    1
    npm install hexo-generator-sitemap --save
  • hexo-generator-baidu-sitemap
    1
    npm install hexo-generator-baidu-sitemap --save
    这个时候就需要配合主题文档来修改详细的信息。

    以github.io建站

    首先建立一个github仓库命名为“github名称+github.io”;
    在Hexo框架的主配置文件中修改对应发布位置

    使用命令进行发布
    1
    2
    hexo g
    hexo d
    就会将已经生成的文件发布到github仓库。使用github仓库名称作为域名访问。

重新配置Gitment评论功能

由于主题本身的应用可能过时,会报object ProgressEvent问题。于是在网络上搜索修改方式,
@wardseptember。提出的修改方案完美解决问题,在此感谢。

关于gitment的配置问题首先找到主题的配置文件

找到标记位置

githubID:对应你的github名称
repo:对应是你的评论归属的仓库名称
ClientID:注册OAuth Application获得 ,用于之后的用户登录
ClientSecret:注册OAuth Application获得 ,用于之后的用户登录
点击这里注册OAuth Application并参考Sogrey的注册步骤及详细进行注册。

完成以上的gitment注册之后,针对当前主题的配置修改。

  1. 首先找到下图位置的gitment.ejs
  2. 之后修改文件中标记的位置(此配置亲测可用)
  3. 继续找到另外的一个配置文件位置
  4. 继续修改标记位置的内容

这个时候基本的的配置已经完成,可以愉快总结自己的内容并发布了。加油