Hexo搭建博客

Hexo搭建博客

记录搭建博客的全过程

软件准备

  • Node.js 环境
  • GitHub桌面版

安装过程全按默认设置安装。

GitHub桌面版安装时会下载文件,可能会很慢。

解决办法:来自:知乎

  1. 下载:github离线包
  2. 解压文件到本地,打开文件GitHub.application安装

确认安装完成:

  1. 打开桌面Git Shell
  2. 输入node -v 回车,如果出现版本号表示安装成功
  3. 输入npm 回车,出现下图,如果没有就需要配置环境变量:C:\Program Files\nodejs\node_modules\npm
    Hexo搭建博客_第1张图片

安装Hexo

使用Git shell安装

npm install hexo-cli -g

如果下载很慢,很慢可以使用npm install -g cnpm --registry=https://registry.npm.taobao.org

npm install hexo --save

.

hexo -v

如果出现版本号表示hexo安装成功

配置Hexo本地文件夹

下面的操作使用cmd,使用git shell 应该也可以

cd到一个目录按自己的喜好定,如C:\Users\DoubleFang\Documents\GitHub\hexo

hexo init

完成后执行:生成public静态文件

hexo g

出现下图说明成功,注意:Generated后面一定要有文件,如果使用git shell可能会失败,最好使用cmd

Hexo搭建博客_第2张图片

输入下面命令试运行:本地发布预览效果

hexo s

会提示:

INFO  Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

使用游览器打开http://localhost:4000/如果有出现Hexo主页说明成功,没有也没关系,直接同步到github上还是能显示的。

同步到Github

准备github

  1. 注册账号(如果没有的话)
  2. 在主页右下角创建New repository,name必须和用户名一致如fang.github.io
  3. 首次创建耐心等待10分钟左右审核,之后即可访问静态主页如http://fang.github.io

同步本地内容

  1. 打开C:\Users\DoubleFang\Documents\GitHub\hexo目录(即hexo本地文件)下使用记事本打开_config.yml,找到,更改为:

     deploy:
     type: git
     repo: [email protected]:fang/fang.github.io.git
     branch: master
    
  2. 使用git shell同步

     hexo d
    

注意:这里使用cmd会报没有权限的错误。

重新打开:http://fang.github.io/会发现网页已经改变了。

初步配置到此结束:可以讲。md文件放到C:\Users\DoubleFang\Documents\GitHub\hexo\source\_posts下面然后

hexo g
hexo d

同步到github

你可能感兴趣的:(Hexo搭建博客)