学习笔记 十二月 10, 2019

博客搭建

文章字数 4.6k 阅读约需 4 mins. 阅读次数 1000000

1.序言

万事开头难,一旦进入这个静态blog坑就出不去了🧒🏻

这是Sherman博客的第一篇文章。(该博客是基于hexo和yilia主题搭建)

根据CSDN以及简书来进行学习建设博客,建议多参考hexo和yilia的使用手册

🔗链接🔗

Hexo使用手册https://hexo.io/zh-cn/docs/index.html

Yilia中文手册(转载)https://xaoxuu.com/wiki/material-x/

2.搭建容易碰到的小问题

1.hexo是基于github的静态博客,源代码github上有,有很多小细节出问题。

比如:

命名的问题是很严格的。不可以少内容(正确应该是:sherman0203.github.io)

2.hexo clean + hexo g + hexo s + hexo d 是一连串的操作,先在本地编译并调试界面排版最后推(deployer)到github,当地网址为:localhost:4000

3.blog本地中的_config.yml文件和主题文件里面的_config.yml文件是有很大区别的,主题的修改大部分是在主题(themes)文件中的_config.yml文件有关,甚至会影响到css文件,较为复杂,需要花时间钻研。目前先站在巨人的肩膀上进行博客运营,等内容丰富再做优化,充实内容

4.hexo个人博客搭建真的体现了GitHub的开源精神,想要什么只有你想不到没有你做不到的操作,只要愿意花时间在上面,总会有满意的结果。

3.搭建步骤

3.1 下载node.js (nodejs.org

傻瓜式安装即可

下载内容为:node.js本身和npm包管理器

3.2 打开终端 item

一、管理员执行 sudo su 输入密码

二、查看node版本

​ node -v

​ 查看npm版本

​ npm -v

三、用npm安装淘宝的cnpm

​ npm install -g cnpm –registry=https;//registry.npm.taobao.org

四、检查cnpm安装情况

​ cnpm -v

五、全局安装hexo框架

​ cnpm install -g hexo-cli

​ 验证:hexo -v

六、查看路径pwd,并建立一个空的文件夹

​ mkdir blog 进入cd blog

七、hexo生成博客

​ sudo hexo init 生成一个博客(初始化)

八、 启动博客

​ hexo s

3.3 创建第一篇文章

一、命令行 hexo n “我的第一篇博客文章”

二、更改cd方向,用vim编译器进入 我的第一篇博客文章.md 并编译

三、回退到/blog目录,../.. 然后清楚hexo缓存 hexo clean

​ 生成文件

​ hexo g

四、再启动查看文章

3.4 将博客部署到github(coding)

一、 登陆github,新建一个仓库,new repository ,命名规则:github用户名 例如:Sherman0203.github.io 描述:我的hexo博客

—>创建

二、在blog根目录下安装一个git的插件

​ cnpm install —save hexo-deployer-git

三、设置 _config.yml文件 (每个冒号后面要加空格!)

​ 找到#Deployment下的type,输入git,回车在下面输入命令行:“repo: 仓库地址”

继续写一个branch: master -》保存退出

四、部署远端

​ hexo d

​ 输入GitHub账号,密码

3.5 更换hexo主题

1.输入终端git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

2.配到博客去 修改_config.yml文件

vim _config.yml

修改theme: yilia

hexo clear

hexo g

hexo s

3.部署到GitHub远端代码:hexo d..

3.6 域名更换绑定

购买域名

域名顾名思义是一个名字,简单来说就是给博客换一个好记的网址,我建议用bat三家旗下的域名申请,靠谱。腾讯云举例:

购买成功并且实人认证过后,进入管理控制台(花点时间寻找),进入之后会有这个页面

点击操作下的解析-添加记录-主机记录:www/@-记录类型:CNAME-记录值:xxxx.github.io/xxxx.coding.me-保存即可

GitHub设置

进入仓库,进入Setting页面,随后将网页一直往下拉

在如下页面的蓝色框框内填写你的域名,并保存,结束

4.Yilia主题的一些小技巧

(from https://xaoxuu.com)

0%