Hexo博客搭建指南

  • 本博客就是拿这个方法建的，方法来源自互联网，但忘了是哪个网了，特此记录。

（一）注册Github

  • 申请一个仓库（Repository），仓库名可自定义，但习惯性写作：<github用户名>.github.io

（二）下载安装node.js

  • cmd–> node -v 查看版号，确认已安装

  • 在安装地址下新增 node_global 和 node_cache 文件夹
    cmd–> npm config set prefix"D:\blabla\node_global"
    cmd–> npm config set cache"D:\blabla\node_cache"

  • 新增系统环境变量：

    • 变量名：NODE-PATH
    • 变量值：D:\blabla\node_modules

  • 修改用户变量中PATH的值：

    • 新建：D:\blabla\node_global.

（三）下载安装git

  • 安装完后，在任意目录下右键Git Bash Here就会打开当前目录下的git

  • HEXO脚本参考之一

  • bash窗口不支持ctrl+cv的复制，启用鼠标右键来复制和粘贴，ctrl+d退出bash，ctrl+c退出本地服务器

（四）install.sh检测

  • bash–> curl -O https://cdn.jsdelivr.net/gh/kjhuanhao/hexo-script@master/install.sh 获得install.sh验证文件

  • 在intall.sh存放目录下打开bash–> source install.sh test_node 若输出版本号则表示node.js安装完毕

  • 在intall.sh存放目录下打开bash–> source install.sh test_git 若输出版本号则表示git安装完毕

（五）一键安装hexo

  • 在intall.sh存放目录下打开bash–> source install.sh hexo_win 若输出 Successful installation of hexo! 则表示hexo博客安装完毕
  • 并且弹出github登录窗口，登录
  • 之后弹出创建网站密钥的OpenSSH窗口，输入github用户名和密码，等待bash窗口运行完毕

（六）配置npm镜像用于加速

  • npm使用国内淘宝镜像的方法
    - cmd--> `node -v` 检查node.js是否安装
    • cmd–> npm -v 检查npm是否安装
  • 在我的电脑目录下cmd–> npm init 初始化项目的配置依赖清单
  • 在我的电脑目录下cmd–> npm config set registry https://registry.npm.taobao.org 安装淘宝云
  • 在我的电脑目录下cmd–> npm config get registry 若输出网址则表示镜像配置成功
  • 在我的电脑目录下cmd–> cnpm -v 不报错表示成功，后续npm操作使用cnpm会加快

（七）初始化博客服务器

  • 在博客根目录hexoblog打开bash–> hexo s 启动本地服务器
  • 如果输出 INFO Hexo is running at http://localhost:4000 .
  • 则在浏览器上http://localhost:4000打开本地网站
  • 当然， ctrl + C 是退出本地网站

（八）生成SSH秘钥并上传github

  • 在intall.sh存放目录下打开bash–> ./install.sh git_ssh

  • 执行1：一键生成秘钥，需要输入github账号名，密码*2，邮箱，秘钥存放地址，地址可在我的文档.ssh文件夹下（新建），这也是电脑里秘钥的唯一位置，秘钥是id_rsa，公钥是id_rsa.pub

  • 执行2：检查电脑中的秘钥，并上传Github

    • 在intall.sh存放目录下打开bash–>cat ~/.ssh/id_rsa.pub查看公钥完整，并复制公钥
    • 登陆github帐户，点击头像，Settings –> 左栏 SSH and GPG keys –> New SSH key
    • 复制公钥内容，粘贴进Key内，title起名字，点击 Add key

  • 在intall.sh存放目录下打开bash–> ssh -T git@github.com ，输入yes，输入密码，若输出 You've successfully authenticated, but GitHub does not provide shell access. 则成功

（九）初始化部署hexo博客

  • 在intall.sh存放目录下打开bash–> source install.sh deploy 生成up.sh文件

  • 将up.sh复制到hexoblog中

  • 找到你的Github库地址：登陆github帐户，点击头像，your repositories，下载页面，clone and download，useSSH，下面就是你的库地址

  • 打开hexoblog里的 _config.yml 全局配置文件，将最后的deploy改成：

    1
    2
    3
    4
    deploy:
    	type: git
    	repo: 库地址
    	branch: master

  • 在hexoblog目录下打开bash–> source up.sh 自动部署到github，等bash运行完后还要输密码

  • 博客成功搭建！浏览器地址： https://<github名字>.github.io/

（十）网站基础配置

  • 网站配置文档
  • 打开hexoblog里的 _config.yml 全局配置文件，查看文档来配置（略）
  • 完事之后，要将本地数据上传，采用四步更新法：
    • 在hexoblog目录下打开bash–> hexo clean ， hexo g ， （hexo s，ctrl+c） ， hexo d

（十一）基础网站插件

  • 搜索插件：在hexoblog目录下打开bash–> cnpm install hexo-generator-search --save 
    1
    2
    3
    4
    在_config.yml里面：
    	search:
    		path: search.xml
    		field: post
  • 代码高亮：在hexoblog目录下打开bash–> cnpm i -S hexo-prism-plugin 
    1
    2
    3
    4
    5
    6
    在_config.yml里面：
    	prism_plugin:
    		mode: 'preprocess' 
    		theme: 'tomorrow'
    		line_number: false 
    		custom_css:
  • 主题：HEXO官网主题

（十二）发表第一篇文章

  • 在hexoblog目录下打开bash–> hexo new "文章名字" 用于新建markdown文件，文件将会生成在 hexoblog/source/_posts 内

  • 在md编辑器（任何文本编辑器，推荐Typora）中编辑文章

  • 四步发布法：在hexoblog目录下打开bash–>

    • hexo clean 清除缓存，
    • hexo g 生成网页，
    • （hexo s，ctrl+c） 查看本地预览，
    • hexo d 发布

  • 发布后浏览器会有一会儿的反应时间，如果在网站中发现没有更新，尝试用其他浏览器或者刷新