windows 下hexo+yilia在github中搭建个人博客

先看成品图: https://yonggie.github.io/


由于用github做代理,不需要申请云服务器和备案域名,hexo的皮肤还是很好看的。


好了,开始做吧!

hexo是个博客框架,快速建立个人博客,只需配置其参数即可。

node.js && npm && Git && hexo

hexo依赖node.js,所以从node.js和npm和git讲起。
下载node.js,其自带npm包管理器。
下载网站:https://nodejs.org/en/
参考:https://www.liaoxuefeng.com/w...

下载完之后看看版本,

node -v

查看下是不是下完了。

因为npm的资源处于半墙状态,获取资源很慢,我们换成淘宝的。
先用npm下载cnpm(第一句),切换资源到国内淘宝资源(第二句)。

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm config set registry https://registry.npm.taobao.org

以后用cnpm就可以了。

之后下载git,太简单了,参考这个吧
下载成功后右击一个文件夹会出现git bash选项。

然后继续在cmd中下载hexo即可

cnpm install -g hexo-cli

新建文件放项目,玩转hexo

随便建一个文件夹,用管理员模式的cmd转到这个文件里来。
推荐直接在win搜索里搜cmd,然后右击“以管理员模式运行”。
不管理员模式不行的哦,他会提示不可以。

cd your_file_path

然后

hexo init

其就在这个文件中噼里啪啦地下载。由于我们用的国内的资源,所以它吓得相对快些。不设置淘宝资源的话,奇慢无比。
下载好之后,继续在这个目录, generate一下,命令g应该是generate的缩写,然后就可以start了

hexo g
hexo s

然后开浏览器输入其提示的127.0.0.1:4000,你能看到一个比较完整的landscape主题的博客了。
按理说,你的博客到现在已经搭建完了,只不过主题是l烂大街的andscape而已。

部署到github

首先在github新建一个repository,其名字最好叫做“你的名字.github.io”,便于其他人访问。

查看你的博客文件夹的文件,有一个叫_config.yml的,此文件夹粗略的定义了一些customize博客的参数,你可以搜搜其他博客,不过会点英语也能看懂干什么的。
打开它,我们需要用到的是最后面的deploy相关参数。
windows 下hexo+yilia在github中搭建个人博客_第1张图片
如上图,照猫画虎,打入你新建的的repository的git和相关。不知道repo内容在哪???在这儿。

windows 下hexo+yilia在github中搭建个人博客_第2张图片
记得把改完的_config.yml保存。
然后在cmd里deploy到github上

hexo d

过几分钟,你就可以通过 你的git名字.github.io 在外网访问你的博客了。
只不过现在博客里面还没有内容。

hexo换主题

我们前面做完了建立个人网站,做完了外网访问。想要换个主题,例如yilia,咋搞?
简单。
看看你网站根目录,有个themes的目录(文件夹),cd进去,在此下载一个新的theme就可以了。
我们下载yilia,在themes目录:

git clone https://github.com/litten/hexo-theme-yilia.git 

git克隆完之后,我们就有新theme资源了(你theme文件夹下有landscape和yilia两个文件夹了)

然后在_config.yml中,把theme那个选项改成yilia,其自动会切换主题。

然后在网站根目录:

hexo clean
hexo g
hexo s

然后再看,可以看到新的主题了。
想直接更新github上的网站,

hexo d

发布新博客

你网站文件夹下有source文件,里面是.md文件,都是markdown格式的博客,每一个博客都是一个.md文件。你去了解markdown文法,就可以新建个md文件,然后hexo clean、hexo g、hexo s,就更新上去你的博客了。
喜欢命令行直接hexo new ‘title’也行,随你了。

结束

到此一个简单流程就结束了。去更加个性化的更改,提供方向:
1.查看_config.yml各个参数含义(网站自己一个config,每个theme文件还有一个config,都看看)
2.添加组件,多去看其他博客即可。

​​

你可能感兴趣的:(hexo3,hexo-yilia)