前言
一开始本来打算建一个动态网站的(顺便屯点东西仓鼠精本精),但由于资金不足,懒于维护就此作罢。也在本地搭建一个小网站,做了内网穿透,但太不稳定,再次作罢。然后用Hugo做了一个静态网站并部署到了GitHub上,但网上教程太少,主题也少,没两天便换成了现在用Hexo,这应该是最终的结果了。
这里呢,只是一个简单的记录。
如果你想要更详细的Hexo建站指南,推荐云游君的教你如何从零开始搭建一个属于自己的网站
如果你想要视频的话推荐这里
步骤
安装Git
选择对应版本下载安装即可
git下载 (如果觉得国内速度太慢,可以试试这里)
安装Node.js
选择对应版本下载安装即可
Node.js下载
安装hexo
前面git和nodejs安装好后,就可以安装hexo了。
你可以先创建一个文件夹,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash打开)
输入命令
# 全局安装hexo
npm install -g hexo-cli
输入hexo -v和npm -v查看是否安装成功
接下来初始化hexo
# 初始化博客的模版文件 后面跟的myblog是你要新建的文件夹
hexo init myblog
#进入创建的myblog文件夹
cd myblog
# 默认安装所有 `package.json` 文件中提到的包
npm install
开启本地的 Hexo 服务器
# 也可以缩写为 hexo s
hexo server
现在在浏览器输入localhost:4000就可以看到你生成的博客了。
按 Ctrl + C 结束服务器的运行
修改主题
找到一个喜欢的主题 比如我现在使用的hexo-theme-yun主题,作者:云游君
把主题下载到themes主题文件夹
git clone -b master https://github.com/YunYouJun/hexo-theme-yun themes/yun
下载依赖
npm install hexo-render-pug hexo-renderer-stylus
修改根目录下的_config.yml
找到
theme: landscape
修改为
theme: yun
至此主题就修改成功了
hexo clean
hexo g
hexo s
然后你就可以在本地localhost:4000看到新修改的主题了
更多关于此主题的配置
关于_config.yml
title: 网站标题
subtitle: 副标题
description: 描述
author: 作者
#语言
language: zh-CN
#网站地址
url: http://raincither.com
新建文章
创建一篇新文章或者新的页面
hexo new [layout] <title>
layou 为你创建文章的布局 默认为 post
title 为你要创建文章的名称,你也可以指定路径 默认路径为source/_posts
示例:
# hexo new 可以简写为 hexo n
# 在source/_posts下创建名为first的markdown文件
hexo n first
#在source/first下创建名为index的markdown文件
hexo n page first
GitHub创建个人仓库
注册完登录后,点击右上角的 + -> New repository 新建仓库。
创建一个仓库名为:你的用户名.github.io,用户名大小写无所谓,但建议小写。
要使用GitHub page服务部署必须以这种格式创建仓库,才会被识别,也就是xxxx.github.io。
点击create repository
将hexo部署到GitHub
安装hexo-deployer-git 插件
npm install hexo-deployer-git
然后打开 _config.yml 拉到最后找到下面的内容
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:
修改为
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/你的用户名/你的用户名.github.io.git
branch: master
然后执行
# 为了避免受错误缓存影响,最好使用 hexo clean 先清除一遍 此时会删除public文件夹
hexo clean
# 重新生成静态文件即public文件夹 可以简写为 hexo g
hexo generate
# 推送到GitHub仓库中,可以缩写为 hexo d
hexo deploy
deploy时可能要你输入username和password。
等待完成后,打开网址 https://你的名字.github.io 就能看到你的网站了
更新
本地更新
hexo clean
hexo g
本地预览调试
这一步可以跳过
hexo s
更新到GitHub
hexo d
FAQ
npm 过慢问题
一开始我的解决方法是安装 cnpm 来解决的,但是版本太低,致使后面出现了一些问题,这里附上新的解决方案。
npm config set registry https://registry.npm.taobao.org
npm install -g nrm
nrm use taobao
hexo 在 Windows上 无法执行
报错:
因为在此系统上禁止运行脚本
解决方法:
以管理员运行Powershell输入以下命令
# 默认执行策略为Restricted 不允许任何script运行
# 更改执行策略为RemoteSigned 运行本地的script不需要数字签名
Set-ExecutionPolicy RemoteSigned
然后输入 a 回车
现在就可以使用 hexo 了
- 本文链接:http://www.raincither.top/record/HexoToGit/
- 版权声明:本博客所有文章除特别声明外,均默认采用 许可协议。


