1、安装Git for Windows
下载页面https://github.com/waylau/git-for-win//记得在安装过程中选中add to path加入到path环境变量中去。
2、安装Nodejs
下载页面:https://nodejs.org/en/
以上两步执行完之后在命令行输入 node --version 和 npm --version 来验证是否已经成功安装
3、安装cnpm
(这是一个淘宝的源,可以让后面下载Hexo的时候速度飞升。)
命令行输入
npm install -g cnpm -registry=https://registry.npm.taobao.org
之后按回车(-g的意思是全局安装,安装完了,不管在哪一个路径下面都可以调用相关的命令。)/*同样可以在命令行输入
cnpm --version来验证是否安装成功*/
4、安装Hexo。
命令行输入
cnpm install -g hexo-cli
之后按回车。
同样,安装完成之后,执行
hexo --version
来验证是否安装成功。
5、切换到非系统盘
命令行输入
D:
(这一步可省略,我只是单纯的不想我的C盘多出一些乱七八糟的文件占了空间。)
6、在当前目录下创建新的文件夹
在命令行中输入
mkdir blog
- 新建一个名为blog的文件夹。
7、在blog目录下初始化Hexo
在命令行中输入
cd blog
进到文件夹的目录下,再执行
hexo init
初始化Hexo。
- 这一步执行完可能要花点时间等待一下,并且你会发现,新建的blog文件夹中多了文件夹和文件。并且,忽略命令行出现的warning。
8、本地预览博客
命令行执行
hexo s
或者
hexo server
之后终端当中会显示在localhost:4000 可以访问博客。打开网页浏览器,在网址栏输入localhost:4000来进行博客的本地预览。在终端中按 ctrl+C ,提示
终止批处理操作吗<Y/N>?
输入
y
之后回车
- 这样就关闭了在本地进行的博客预览。
9、创建新博文
在初始化博客之后,里面会有篇名为Helloworld的博文。要新建博文,在命令行执行
hexo n "我的第一篇博客文章"
之后,blog目录下会生成一个名为“我的第一篇博客文章”的md(markdown)格式的文件。这个文件可以通过notepad++或者是微软自带的记事本(英文名应该就叫notepad)来进行编辑。注意,要用markdown的语法来编辑内容,markdown的语法很简单,网上教程很多,多学多练,很快就会熟练。在此,我就不再赘述了。(写完之后记得保存)
保存完了之后还要记得执行
hexo g
命令,它会更新博客的配置文件,这样才会生成与你新建的文章相关的文件。
完成以上的步骤之后,你已经学会了如何创建一个个人的静态博客,如果没有什么其他的要求的话,那么,这些就已经足够你在本地自娱自乐了。
不过,你也可以将之前建成的博客部署到远端。就可以通过网页来浏览了。
除了需要一个建成的博客之外,你还需要一个github的账号。
- 在你的GitHub中新建一个库(New repository),将其命名为example.github.io,保存之后备用。这时,https:后面的输入栏中会有一个生成的链接。
example所指代的就是你的github账号名称 - 命令行执行
cnpm install --save hexo-deployer-git
-安装远程部署博客的插件-不用在意命令行中显示的warnning。图形桌面打开blog文件夹,用文本编辑器打开里面的名为_config.yml的文件,打开文件之后,滑动鼠标到文件的末尾写有#deployment的地方,在type:后面填上git,再另起一行,写上repo:再加上步骤中gihub上生成的仓库的链接。当然,你也再另起一行,写上branch:master。(代码及文件将会储存在该仓库的主菜单下,此步可省略,因为默认的储存路径就是主菜单。)如下所示:
deply:
type: git
repo: https://github.com/example/example.github.io.git
branch: master
example同样指代上文中的你的GitHub的账号
保存文件。
- 配置部署到远端的文件之后,在命令行执行
hexo d
进行远端部署。如果这是你第一次远程部署或者你换了新的电脑或重装了系统的话,那么命令行会出现提示
please tell me who you are
还会伴随着两条示例的代码。按照示例的代码填写自己的邮箱和GitHub的昵称,再次执行
hexo d
命令,会弹出一个图形界面的窗口,要你输入你的GitHub的昵称和密码,输入完毕之后呢,稍等片刻,在网页浏览器的地址栏中输入example.github.io即可远程访问你的博客了!
example仍然指代上文中的你的github的账号
VScode 中打开终端来部署到远端
关于输入GitHub账号和密码的部分,不知道是不是因为GitHub和VS同为微软旗下的产品,VScode 中打开cmd命令终端的情况下执行
hexo d
命令,需要输入GitHub的命令和密码的时候非常的接近于图形界面。它会直接先后出现两行代码:
Username for 'https://github.com' :
这时候就直接在命令终端输入你的GitHub账号,然后回车;此时命令行会显示另一条提示:
Password for 'https://github.com' :
输入GitHub的密码,就完成的了Git的身份认证。就可以顺利部署到远端了。
Hexo主题设置
除了默认的Hexo主题之外,开源社区还有许许多多各种大佬写的基于Hexo框架的主题,这里以utone主题为例来说一下设置主题的方法。
- 首先,打开cmd终端,进入博客所在的文件夹
E:
cd blog
再进入主题所在的文件夹
cd themes
再执行以下命令
git clone https://github.com/shixiaohu2206/hexo-theme-utone.git utone
等待克隆完成
- 找到blog文件夹下的_config.yml配置文件,用文本编辑器打开。找到如下的文字段落:
Extensions
Plugins: https://hexo.io/plugins/
Themes: https://hexo.io/themes/
theme: landscape
把其中的landscape改为utone之后保存一下文件。
- 再更新一下。注意,这时候要再退回到blog文件夹下执行更新的命令。
首先,退回到blog目录下
cd ../
再执行更新命令
hexo g
更新完了之后,再执行
hexo s