Hexo的详细搭建过程——小白的血泪经历QAQ (2)

翻到最后,找到deploy:,按如下修改,repo:填你自己的地址:

# Deployment ## Docs: https://hexo.io/docs/one-command-deployment deploy: type: 'git' repo: git@github.com:aqvq/aqvq.github.io.git branch: master

【题外话】_config.yml中的其他配置选项参见https://hexo.io/docs/configuration

这个时候需要先安装deploy-git ,这样你才能用命令部署到GitHub。

npm install hexo-deployer-git --save

在myblog文件夹下输入以下命令:

hexo clean hexo generate hexo deploy

hexo clean清除了你之前生成的东西,可以不加。
hexo generate生成静态文章,可以用 hexo g缩写
hexo deploy 部署文章,可以用hexo d缩写

如果看到如下内容

Branch 'master' set up to track remote branch 'master' from 'git@github.com:aqvq/aqvq.github.io.git'. Everything up-to-date INFO Deploy done: git

表示部署成功,过一会儿就可以在 这个网站看到你的博客了!

设置个人域名(可选)

现在你的个人网站的地址是 yourname.github.io,如果觉得这个网址逼格不太够,这就需要你设置个人域名了。但是需要花钱。

注册一个腾讯云或阿里云账户,在上面买一个域名(一般腾讯云比阿里云便宜),我买的是 aqvq.top,各个后缀的价格不太一样,比如最广泛的.com就比较贵,看个人喜好(一般top首年和续费都比较便宜)。然后你需要实名认证

在终端输入以下命令

ping aqvq.github.io

记住目标(其实就是Github服务器)的IP地址。(如果ping停不下来按 Ctrl+C 结束)

打开域名控制台,点解析进去添加解析。如果提示需要申请SSL证书,按提示操作即可。

里面会自动生成一些记录,不用管。先添加两条记录。

主机记录一条填@一条填www,这样你不管输aqvq.top还是都能访问。其余相同,记录类型为A,记录值填写你ping的地址:

Hexo的详细搭建过程——小白的血泪经历QAQ

登录GitHub,进入之前创建的仓库,点击Settings,在Options中找到GitHub Pages,设置Custom domain,输入你的域名aqvq.top并保存。

然后进入myblog文件夹,在source文件夹里新建CNAME文件,在里面添加你的域名,比如:aqvq.top,注意不要加www前缀什么的,只有一个域名。保存后退出。

【题外话】一开始我是在 Github 仓库的根目录中直接添加 CNAME 文件,但这样每次更新博客时,CNAME都会被删除,需要把文件放在 source 目录中,这样每次更新就会自动将 CNAME 加入到仓库的根目录里了,其他文件也是同理。比如为你的仓库添加一个 README.md 文件,不能直接在仓库里添加,而是放到 source 文件夹中。

最后在终端输入

hexo clean hexo g hexo d

配置网站信息(~/myblog/_config.yml),将url改为你的域名

# URL ## Set your site url here. ## For example, if you use GitHub Page, set url as 'https://username.github.io/project' url:

过不了多久,再打开你的浏览器,输入你自己的域名,就可以看到搭建的网站啦!

在Hexo写文章并发表

接下来你就可以正式开始写文章了。

hexo new "newpapername"

在~/myblog/source/_post中会自动生成一个.md文件,其中自带Front-matter。打开markdown文件,在Front-matter后面添加文章内容。

当你写完的时候,再

hexo clean hexo g hexo d

就可以看到更新了。

由于搭建的网站是静态的。网站的每次改动,比如发表新文章,更改主题等,都需要重新执行上面的三个命令。

更换主题

如果觉得默认主题不好看,可以更换别的主题,这里选用NexT做示范,非常简约。

进入项目根目录(我这里是~/myblog),输入:

cd ~/myblog git clone https://github.com/theme-next/hexo-theme-next themes/next

如果是别的主题,网址需要换成该主题的 Github 仓库地址,themes/next中的 next 改成该主题的名字。

编辑项目根目录下的配置文件_config.yml,找到theme: 并修改:

## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next

编辑next主题(在themes目录下)下的配置文件_config.yml,选择一个你喜欢的方案取消注释并注释掉原来的方案,这里我选的是Pisces。

# Schemes #scheme: Muse #scheme: Mist scheme: Pisces #scheme: Gemini

别的主题不一定有多种方案,但也可以看看配置里的其他选项

一些配置参数 编写脚本

如果嫌麻烦,可以写一个脚本,比如:

Linux下(创建.sh文件)

cd ~/myblog && hexo clean && hexo g && hexo d

创建完记得执行:

chmod 755 filename.sh

Windows下(创建.bat文件)

cd C:\Users\username\Documents\myblog hexo clean && hexo g && hexo d Front-matter

Front-matter 是文件最上方以 --- 分隔的区域,用于指定个别文件的变量,举例来说:

--- title: Hello World date: 2013/7/13 20:46:25 ---

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyswwx.html