Hexo 博客搭建

本地环境搭建

安装Node.js

  1. 安装 nvm
    js curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash
  2. 安装 Node
    推荐国内淘宝镜像安装
    NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node nvm install 6

安装配置Hexo

  1. 安装 Hexo
    npm下载包的默认地址是https://registry.npmjs.org,也是国外的,所以需要进行换源来提高下载速度。执行

    1
    2
    npm config set registry https://registry.npm.taobao.org  
    npm install -g hexo-cli
  2. 指定文件夹初始化Blog
    hexo init blog

  3. 查看本地文件夹路径
    image

  4. 浏览器输入:http://localhost:4000 本地预览
    hexo server

  5. 个性化设置,推荐参考 Next 主题

部署

部署到 Github

  1. Github 新建项目,项目名字格式: <自定义名字>.github.io

  2. 打开上面配置的 Hexo的目录,设置站点配置文件 _config.yml。

  3. Hexo 配置部署

    1
    2
    hexo genagate 或者  hexo g 
    hexo deploy 或者 hexo d
  4. 之后就可以通过访问自己 Github仓库地址访问 Blog

配置域名解析

  1. 购买自己域名,域名解析映射到自己 Gitbug项目 IP
  2. 站点目录的 source 文件夹下面创建 CNAME 文件,添加自己的域名。
  3. 通过自己的域名访问 Blog

图床工具配置

Markdown 添加图片只能是链接,之前都是把图片传到 Github 的项目里,然后 copy 图片 url,操作异常繁琐。推荐使用云服务和 PicGo 配置图床工具。

  1. 根据自己的系统下载相应的 PicGo工具
  2. 购买阿里云 SSO存储和流量服务,由于考虑到访问量不大,所以选择了按量计费。
  3. 新建 Bucket节点。之后如图配置 PicGo工具就好。