搭建hexo步骤

一、node.js 和 git 环境的搭建

node -v 和 npm -v

git 安装

二、安装hexo

在本地文件中创建一个Blog文件夹，框架和发布的网页都在此
管理员cmd：
- 进入Blog文件夹
- npm install -g hexo-cli ----安装hexo hexo-cli是完整版
  - 初--用npm install -g hexo-cli
  - 熟悉后用----npm install hexo
- 以上则 hexo安装完毕
在Blog文件夹初始化 hexo
- hexo init <目标文件名：如Blog>
- cd Blog
- npm install
1. 完成后：
  - 文件目录如下在Blog中
```
.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes
```
  - _config.yml 这便是 hexo网站的配置文件
尝试新建一个 hexo 文章
1. hexo new hello world
2. hexo generate
  - 简写：hexo g --- 生成静态文件
3. hexo server
  - 简写：hexo s --- 启动服务器。默认情况下，访问http://localhost.4000/
4. 效果如下：
5. 以上本地的准备工作搞定！！！
github 访问不了
1. 在 C:\Windows\System32\drivers\etc 文件 hosts
- 在这个网站查询 github.com http://tool.chinaz.com/dns/
- 192.30.255.112
- 52.192.72.89
- cmd 命令行
  
  ipconfig /flushdns
- ok可以访问！！！
部署 hexo 到 github上
1. 在github上建立 tangrui-star.github.io
2. npm install hexo-deployer-git --save
  - 安装一个Git部署插件
3. 在 _config.yml 文件夹里配置
  - ```
  deploy:
    type: git
    repo: git@github.com:tangrui-star/tangrui-star.github.io.git
    branch: master
```
  其中：repo 是创建github仓库时的 SSH 复制过来就OK
4. 部署到github上
  - hexo d
  - 刷新github的页面，会发现多了很多东西，则部署成功
  - 打开浏览器： https://tangrui-star.github.io 就可以访问成功
  - 恭喜你的个人博客上线了

三、更换 hexo 主题

找到主题，github上有很多主题，供选择
在Blog目录下
- git clone https://github.com/litten/hexo-theme-yilia.git
- git clone https://github.com/qisi007/react-admin-plus.git
- git clone https://git@github.com:yscoder/hexo-theme-indigo.git
- themes/yilia
- 主题下载完成
打开 _config.yml 配置文件
- 找到 theme ：换名
  - hexo clean 重新清理一下
  - hexo g 重新生成静态文件
  - hexo s 重新部署一下项目
  - hexo d 重新推到github上
  再次网络访问。
ok 以上是，初步完成git关联的个人博客

四、hexo命令操作

网站地址： hexo.io
https://www.liuguisheng.vip/categories/个人博客/

这个网站研究研究，很不错

搭建hexo步骤

搭建hexo步骤

一、node.js 和 git 环境的搭建

二、安装hexo

三、更换 hexo 主题

四、hexo命令操作

相关推荐