如何搭建基于GitHub的Hexo博客(Mac)

2018/12/01

第一篇博客不知道要写什么,不如记录下这个基于GitHub的博客的完整搭建过程=。=

Hexo的本地搭建🏠

搭建前的准备=。=

由于Hexo是基于Node的,所以先要下载Node,同时我们还需要git环境,如果你安装了Xcode,那么可以跳过这一步.
随后在终端上执行如下命令:

1	$ sudo npm install -g hexo-cli

安装完整后即可开始创建Hexo博客啦~

开始搭建Hexoヾ(=･ω･=)o

1) 在终端里进入一个你想存放博客本地文件的目录.
如果你不熟悉Mac的终端基础命令请移步传送门->Mac终端基本命令
2) 随后输入以下命令来创建博客文件夹:
注意://后是注释,不需要输入终端

1	$ hexo init "Myblog"//Myblog可以换成自己想要的名字,只影响本地目录的名字

3) 随后输入以下命令来制作初始静态页面

$ hexo g

4) 最后输入以下命令来生成本地访问链接

$ hexo s

完成后出现如下代码:

1	INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

访问 http://localhost:4000 就可以进入刚才创建的初始化页面;此时按下Ctrl+C就可以关闭这个访问服务,否则会一直占用端口.

5) 至此,我们的Hexo本地搭建完成.按下Ctrl+C关闭本地服务器.

将本地博客上传至GitHub👾

注册一个GitHub账号.不会就百度(･ェ･。)(逃

GitHub传送门

创建一个仓库,仓库名必须为: 你的GitHub用户名.github.io

将本地Hexo与GitHub关联:

打开你本地的Hexo文件夹根目录,打开_config.yml文件,在文件的最末尾找到如下配置信息并修改成如下设置:

deploy:
    type: git
    repository: https://github.com/
    你的GitHub用户名/你的GitHub用户名.github.io.git
    branch: master

保存并退出.

回到终端,输入如下命令完成更新后的网页创建.

hexo g

随后输入如下命令

1	$ npm install hexo-deployer-git --save

等待代码跑完之后,输入如下命令将你的静态网页上传

1	$ hexo deploy

如果你从来没有配置过GitHub账户,则他会出现如下提示:

1 2	$ Username for 'https://github.com': Password for 'https://github.com':

则按要求输入注册邮箱及登录密码即可完成配置,配置完之后再输入上面的命令来上传你的静态页面即可完成上传.

完成ヾ(^▽^ヾ)

至此,你已经完成了GitHub上博客的创建.在游览器地址栏输入:

1	你的GitHub用户名.github.io

按下回车就可以访问你的博客.

填充博客内容📝

安装主题(theme)(*ﾟ∀ﾟ)

请到官方的主题网站来下载你喜欢的主题,或者”百度Hexo博客主题”来下载其他主题.
各个主题都有自己的README,他会告诉你如何使用这个主题.
我使用的是Cxo主题.按照其README来安装和使用这个主题.
安装主题后(以及你接下来的每一次变动),都需要在终端执行以下语句:

$ hexo g

才会应用你的设置.并通过使用以下命令:

$ hexo s

来形成本地预览(并没有发布到github)
想要发布到GitHub,只需执行:

$ hexo d

等待其上传完成后,等个一两分钟(服务器问题)你就可以在网上看到你更新过后的博客.一般推荐先在本地预览再上传至GitHub.

新建一篇文章(๑•̀ㅂ•́)و✧

1)在终端中进入(cd)你的博客根目录,然后输入以下命令:

1	$ hexo new page "page名称"

注意:”page名称”只是文件名称,并不是文章名称(文章名称可以随意更改),但推荐两者名称一致或有关系,以免造成文件混乱.
2)编辑文章内容:
在打开你的博客根目录,进入source/_posts
你可以看到文件–>”你刚刚创建的文件名.md”
打开它就可以开始编辑你的文章内容.
此文章这个是使用md文档编写的.
3)md文档的编辑详情有空再发咯ヽ(･ω･´ﾒ)