盒子
盒子
文章目录
  1. 引言
  2. 环境配置
    1. 安装Node
    2. 安装git
    3. 安装Sublime Text
    4. Github账号注册
  3. Hexo安装和配置
  4. Hexo常用命令
    1. 写博客一般步骤
  5. 下载主题
  6. 评论框
    1. Disqus
    2. 多说
  7. 统计
  8. 写文章
  9. 删除文章
  10. 小结

Hexo搭建个人Blog

引言

Hexo搭建个人博客

环境配置

安装Node

到Node.js的官网下载最新版本

安装git

下载安装git,附基本使用教程

安装Sublime Text

下载安装Sunlime Text文本编辑器,其他的编辑器也可以,个人推荐

Github账号注册

  • 首先去Github注册账号
  • 创建仓库 New repository 在Repository name中必须为你的[your_user_name].github.io
  • 创建SSH Key

    创建你的用户名与密码:

    git config --global user.email "your email"

    git config --global user.name "your name"

    生成密钥:

    ssh-keygen -t rsa -C "your email"

    最后根据提示就能生成SSH Key了教程参考
  • 进入Settings中的SSH Keys 添加密匙

Hexo安装和配置

  1. 新建一个文件夹,例如blog 。
  2. 进入blog文件夹,右键点击Git Bash Here
  3. 安装Hexo

    $ npm install hexo-cli -g

  4. 初始化blog文件夹

    $ hexo init

  5. 安装依赖和插件

    $ npm install

  6. 启动服务器进行本地预览

    $ hexo server

  7. 当看到INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.时就说明我们已经搭建起本地的hexo博客了,
    在浏览器中打开 http://localhost:4000 注意:不要打开提示的0.0.0.0:4000。, 成功的话即可看到博客页面,至此安装就完成了。

  8. 然后回到命令窗口按Ctrl+C停止服务(有时要按两次Ctrl+C,因为有时Git Bash认为当前在进行复制操作),直到出现 “$”标志就结束了。 然后关闭Git Bash.

Hexo常用命令

执行命令需要Git当前处于blog文件夹根目录下。

  • 开启本地服务

    hexo server

  • 新建文件

    hexo new 新文章名称

  • 清除缓存文件 (db.json) 和已生成的静态文件 (public)

    hexo clean

  • 生成静态页面

    hexo gengerate

  • 部署网站。部署网站前,需要预先生成静态文件

    hexo deploy

写博客一般步骤

  1. 新建文章

    hexo new "PostName"
  2. 部署:

    hexo clean // 清理

    hexo generate // 生成

    hexo deploy // 部署

    或者简写:

    hexo c

    hexo g

    hexo d
  3. 部署完成后打开浏览器输入http://[your_user_name].github.io 就是前面github中建仓库的名字。
    到此所用的安装与配置已经完成

下载主题

这里有很多Hexo主题,可自行下载

本博客使用主题为Fexo,感兴趣的可免去寻找

评论框

评论有Disqus与多说,在国内推荐多说,Disqus是面向全球的

Disqus

Disqus注册Disqus帐号

多说

多说可以支持QQ 微信等登录,登录后注册域名
进入hexo目录打开_config.yml文件找到

disqus_shortname: [域名]

duoshuo_shortname: [域名]

Disqus也是一样

统计

这里只说百度统计

进入百度统计注册登录帐号
进去网站中心的代码获取 把获取的代码放入 hexo/themes/fexo/layout/_partial中baidu-analytics.ejs文件

<% if (theme.baidu_analytics){ %>
  <script type="text/javascript">
  //获取的代码
   </script>
<% } %>

写文章

进入hexo/source/_posts 找到相关文章的.md 进行编写,hexo写文章是使用Markdown编写文章

删除文章

删除文章只要删除对应的.md文件就行

小结

执行以上步骤就可以搭建博客完成。

转载请指明出处RobinBlog:http://robinx.net/2016/11/28/Hexo搭建个人Blog/