使用 Hexo “快速”搭建一个博客,并使用炫酷的主题.
心动了吗?快跟我来! 安装 Hexo
前提
首先你需要安装 Node.js、Git.
Node.js
官网在此 https://nodejs.org/ https://nodejs.org/
下载最新版本,然后一路 Next 即可.
第四步时有一个选项:
如果你选上的话,安装窗口关闭后会跳出一个 CMD 窗口,给你安装其他工具.我的建议是:不选.毕竟要消耗额外的 3 Gb 的空间,在本教程中是无需这些工具的,所以你完全可以不选,但是你有其他需求的话看你自己.
Git
官网在此 https://git-scm.com/downloads
同样也是下载最新版本,一路 Next.
安装 Hexo
安装完成后,就开始安装 Hexo:
然后就安装完成了.
初始化
现在,找地方建一个空文件夹(这就是我们的博客文件夹了),右键在文件夹下运行 terminal,输入hexo init
进行初始化,
这样就OK了.
你可以先运行 hexo s
看一下,可能会弹出防火墙警告,允许就行.
这个是默认的主题,你可能会不喜欢,接下来我们要换一个酷酷的主题.
更换主题
https://hexo.io/themes/
在里面有很多主题,我选的是 Fluid,接下来我会介绍如何配置.
在博客文件夹执行
1
| npm install --save hexo-theme-fluid
|
然后修改 Hexo 配置文件,指定主题为 Fluid.
1 2 3
| theme: fluid language: zh-CN
|
配置 Hexo
要把 Hexo 调教成你的样子,修改配置文件是必不可少的,Hexo 的配置在博客目录下的 _config.yml
文件内,你可以通过修改此文件来配置 Hexo.
1 2 3 4 5 6 7 8
| title: Hexo subtitle: '' description: '' keywords: author: John Doe language: en timezone: ''
|
现在已经差不多了,先启动本地服务器,运行 hexo server
,然后访问 http://localhost:4000
,可以看到,一个简单的博客已经在本地建好了.
但是,注意啊,是本地,你只能在本地访问.
部署到 GitHub Pages
如果想要其他人可以访问你的网站,你可以将它放到一个静态托管网站上,GitHub Pages 就是一个不错的选择,第一,他免费;第二,他方便;但是,它加载慢.
不过问题不大,你可以选其他的托管平台,本教程先以此为例,原理都是差不多的.
账号
GitHub 账号是必须的,什么? 你没有?
那就快去注册!!
上传到远程仓库
更换主题
安装 Fluid
在博客目录执行
1
| npm install --save hexo-theme-fluid
|
然后修改 Hexo 配置文件,指定主题为 Fluid.
1 2 3 4
| theme: fluid
language: zh-CN
|
配置 Fluid
这里要先说一下配置文件的优先级
官网这样解释:
Hexo 在合并主题配置时,Hexo 配置文件中的 theme_config 的优先级最高,其次是 _config.[theme].yml 文件,最后是位于主题目录下的 _config.yml 文件
也就是说,你在修改主题配置的时候,只需要把主题文件夹相应部分复制到/_config.fluid.yml
内然后修改就可以覆盖默认配置了.
关于 Fluid 的配置这里就不多赘述了,官网有详细的帮助文档.
]]>
+ 使用 Hexo “快速”搭建一个博客,并使用炫酷的主题.
心动了吗?快跟我来! 安装 Hexo
前提
首先你需要安装 Node.js、Git.
Node.js
官网在此 https://nodejs.org/ https://nodejs.org/
下载最新版本,然后一路 Next 即可.
第四步时有一个选项:
如果你选上的话,安装窗口关闭后会跳出一个 CMD 窗口,给你安装其他工具.我的建议是:不选.毕竟要消耗额外的 3 Gb 的空间,在本教程中是无需这些工具的,所以你完全可以不选,但是你有其他需求的话看你自己.
Git
官网在此 https://git-scm.com/downloads
同样也是下载最新版本,一路 Next,然后就安装完成了.
安装 Hexo
安装完成后,就开始安装 Hexo:
然后就安装完成了.
初始化
现在,找地方建一个空文件夹(这就是我们的博客目录了),右键在文件夹下运行 terminal,输入hexo init
进行初始化,
这样就OK了.
你可以先运行 hexo s
看一下.
这个是默认的主题,你可能会不喜欢,接下来我们来换一个酷酷的主题.
更换主题
https://hexo.io/themes/
这个网站是 Hexo 的主题展示页面,上面收录了很多主题,我选的是 Fluid,其中一个原因是他官方的文档非常详细,方便我抄写教程,接下来我会介绍如何配置.
安装主题
在博客文件夹打开终端,运行以下命令,它会安装主题.
1
| npm install --save hexo-theme-fluid
|
然后修改 Hexo 配置文件(也就是你博客目录下的 _config.yml
文件),指定主题为 Fluid.
1 2 3
| theme: fluid language: zh-CN
|
要知道,现在你的博客目录下会有好几个配置文件,_config.yml 是 Hexo 的全局的配置文件, _config.[主题名称].yml 是主题的配置文件,一般不同的主题内容会有所不同.
一般来说,修改主题相关的配置时,改主题配置文件就好.
更多请看 使用代替主题配置文件
然后再运行 hexo s
看一下.
很好,但是,你会发现,网站的标题什么的还是 Hexo 默认的,要做自己的网站,怎么能没有个性呢?
接下来,我们要对它进行修改.
配置主题
你可能会疑问要改哪个配置文件,我的答案是:都差不多.
这是官网的解释,
我们强烈建议你将所有的主题配置集中在一处。 如果你不得不在多处配置你的主题,那么这些信息对你将会非常有用:Hexo 在合并主题配置时,Hexo 配置文件中的 theme_config 的优先级最高,其次是 _config.[theme].yml 文件。 最后是位于主题目录下的 _config.yml 文件。
所以说,改哪个文件,最终都会合并成一个配置文件.
我比较喜欢在 _config.yml
文件修改和博客相关的内容,比如网站标题,等等;对于主题相关的配置,我会修改 _config.[theme].yml
文件,这样以后换主题的时候会方便一点.
首先,我们要改的是,Hexo 的配置在博客目录下的 _config.yml
文件内,你可以通过修改此文件来配置 Hexo.
1 2 3 4 5 6 7 8
| title: Hexo subtitle: '' description: '' keywords: author: John Doe language: en timezone: ''
|
然后我们再来改一下主题的配置,如果你博客目录下没有 _config.fluid.yml
文件,你要新建一个,然后吧这个链接的内容复制进去:_config.yml,这里面是 fluid 的所有配置,你可以去配置指南查看详细信息,然后按需修改.
现在已经差不多了,先启动本地服务器,运行 hexo server
,然后访问 http://localhost:4000
,可以看到,一个简单的博客已经在本地建好了.
但是,注意啊,是本地,你只能在本地访问.
部署到 GitHub Pages
如何在网络上访问这个网站呢?你可以将它放到一个静态托管网站上,GitHub Pages 就是一个不错的选择,第一,他免费;第二,他方便;但是,它加载慢.
不过问题不大,你可以选其他的托管平台,本教程先以此为例,原理都是差不多的.
账号
GitHub 账号是必须的,什么? 你没有?
那就快去注册!!
上传到远程仓库
更换主题
安装 Fluid
在博客目录执行
1
| npm install --save hexo-theme-fluid
|
然后修改 Hexo 配置文件,指定主题为 Fluid.
1 2 3 4
| theme: fluid
language: zh-CN
|
配置 Fluid
这里要先说一下配置文件的优先级
官网这样解释:
我们强烈建议你将所有的主题配置集中在一处。 如果你不得不在多处配置你的主题,那么这些信息对你将会非常有用:Hexo 在合并主题配置时,Hexo 配置文件中的 theme_config 的优先级最高,其次是 _config.[theme].yml 文件。 最后是位于主题目录下的 _config.yml 文件。
也就是说,你在修改主题配置的时候,只需要把主题文件夹相应部分复制到/_config.fluid.yml
内然后修改就可以覆盖默认配置了.
关于 Fluid 的配置这里就不多赘述了,官网有详细的帮助文档.
参考
[1] https://hexo.io/zh-cn/docs/
[2] https://hexo.fluid.io
]]>
diff --git "a/tags/WSL-Windows-Linux-\345\255\220\347\263\273\347\273\237/index.html" "b/tags/WSL-Windows-Linux-\345\255\220\347\263\273\347\273\237/index.html"
new file mode 100644
index 0000000..be27e00
--- /dev/null
+++ "b/tags/WSL-Windows-Linux-\345\255\220\347\263\273\347\273\237/index.html"
@@ -0,0 +1,400 @@
+
+
+
+
+
+
+
+
+