使用Hexo框架搭建个人博客的Summary

工作之余,出于对技术的爱好,也想养成编写文档的好习惯,遂腾出数天的时间来研究和捣鼓,终得“偿”所愿。念及学习之过程,顿感混乱之思绪。欲清理,故拙笔之一二,以备参考…

步骤

  1. 安装Git ?

    使用 ./tools/Git/ 目录中的 Git-2.6.3-64-bit.exe 软件安装配置好Git,具体参考:

  2. 安装Node.js ?

    使用 ./tools/Nodejs/ 目录中的 node-v4.4.6-x64.msi 软件安装配置好Node,具体参考:

  3. 申请GitHub在线账号 ?

    GitHub用于托管博客源码以及发布博客网站,我们也可以使用Coding

    PS:可以使用HTTPS协议,但最好使用SSH协议,免去每次从GitHub库中同步资源时需要输入账号密码的过程

  4. 安装Hexo ?

    使用 npm 命令,如果有被“墙”的情况,请使用淘宝的NPM镜像工具:npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm 命令替换成 cnpm 使用

    新建个文件夹作为博客根目录,命令行下进入到该根目录,按照如下命令进行:

    npm install -g hexo-cli    // 安装Hexo命令行工具CLI
    npm install hexo --save    // 安装Hexo博客框架
    hexo init                 // 初始化,完毕后即可
    hexo server -g            // 生成博客静态页并启动服务,http://localhost:4000 本地访问
    

    PS: 推荐安装Hexo的Git插件:hexo-deployer-gitnpm install hexo-deployer-git --save

  5. 安装Hexo相关插件 ?

    这里给出一个package.json文件,内容如下:

    {
      "name": "hexo-site",
      "version": "0.0.0",
      "private": true,
      "hexo": {
        "version": "3.2.0"
      },
      "dependencies": {
        "hexo": "^3.2.0",
        "hexo-deployer-git": "^0.2.0",
        "hexo-generator-archive": "^0.1.4",
        "hexo-generator-baidu-sitemap": "^0.1.1",
        "hexo-generator-category": "^0.1.3",
        "hexo-generator-feed": "^1.1.0",
        "hexo-generator-index": "^0.2.0",
        "hexo-generator-search": "^1.0.2",
        "hexo-generator-seo-friendly-sitemap": "0.0.16",
        "hexo-generator-sitemap": "^1.1.2",
        "hexo-generator-tag": "^0.2.0",
        "hexo-renderer-ejs": "^0.2.0",
        "hexo-renderer-marked": "^0.2.10",
        "hexo-renderer-stylus": "^0.3.1",
        "hexo-server": "^0.2.0"
      }
    }
    

    PS:通过这个package.json文件可以快速搭建Hexo博客:

    1)新建一个文件夹,命名为blog,作为Hexo博客根目录;

    2)在blog文件夹下新建package.json文件,将上面的内容复制粘贴进去;

    3)命令行进入到blog目录,执行 npm install 命令,等待执行完毕,Hexo博客框架即可搭建完毕;

    4)使用 hexo s -g 命令,执行完毕后访问 http://localhost:4000 即可本地访问预览;

    注意:能够快速搭建的前提是安装了 node.js、hexo-cli,如果不清楚,请参考[2. 安装Node.js、4. 安装Hexo]

  6. Hexo个性化:安装 yelee 主题 ?

    • yelee主题预览
    • yelee主题安装

      • 1) 命令行进入Hexo博客框架根目录下,执行

        git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee
        

        之后打开当前根目录下的 _config.yml 文件,修改为 theme: yelee # 博客主题并保存,当前命令行执行

        hexo clean        // 清除
        hexo server -g    // 生成静态博客页面并打开服务器,访问 http://localhost:4000 访问预览
        
      • 2) 当前目录下 ./themes/ 文件夹中,将yelee文件夹所有内容复制粘贴到你自己的Hexo博客框架根目录下themes文件夹中,之后打开你自己的Hexo博客框架根目录下的 _config.yml 文件,修改为 theme: yelee # 博客主题并保存,当前命令行执行

        hexo clean        // 清除
        hexo server -g    // 生成静态博客页面并打开服务器,访问 http://localhost:4000 访问预览
        
    • yelee主题使用说明

  7. 参考资料

文章目录
  1. 1. 步骤
,