Windows系统下用Hexo框架搭建个人博客及远端部署到GitHub

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的账号。

  1. 在你的GitHub中新建一个库(New repository),将其命名为example.github.io,保存之后备用。这时,https:后面的输入栏中会有一个生成的链接。
    example所指代的就是你的github账号名称
  2. 命令行执行

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的账号
保存文件。

  1. 配置部署到远端的文件之后,在命令行执行

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主题为例来说一下设置主题的方法。

  1. 首先,打开cmd终端,进入博客所在的文件夹

E:

cd blog

再进入主题所在的文件夹

cd themes

再执行以下命令

git clone https://github.com/shixiaohu2206/hexo-theme-utone.git utone

等待克隆完成

  1. 找到blog文件夹下的_config.yml配置文件,用文本编辑器打开。找到如下的文字段落:

Extensions
Plugins: https://hexo.io/plugins/
Themes: https://hexo.io/themes/
theme: landscape

把其中的landscape改为utone之后保存一下文件。

  1. 再更新一下。注意,这时候要再退回到blog文件夹下执行更新的命令。
    首先,退回到blog目录下

cd ../

再执行更新命令

hexo g

更新完了之后,再执行

hexo s

在本地预览,这样就完成了博客主题的设置了。当然,这样换了主题还不够,还有很多自定义的东西需要更改,这个下回再说。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容