https://tristawwp.github.io/posts/8f145c5e.html
两个小时的时间我一般用来鉴赏影片,不过搭一个博客刚好也OK。
搭建一个自己的博客需三部曲:下载安装包,部署环境,美化博客页面
下载安装包
本文用的博客是使用Hexo + Github,需要安装以下内容:
-
安装Node.js,安装地址:Node.js下载链接
-
安装Git,安装地址:Git下载地址
对于以上两个安装Mac建议从Homebrew安装node和git,那需要先安装Homebrew。
a. 首先打开官网 https://brew.sh/ ,你会在官网主页看到如下所示的内容:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)
b. 打开终端,输入上述命令, 即:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)
c. 点击回车
d. 输入电脑密码,等待安装
e. 显示Installation successful!表示安装成功
f. 开始使用命令行安装node和git,brew install node
和brew install git
-
安装Hexo,使用npm安装,建议用root权限,不然会有权限问题。
a. 输入命令sudo npm install -g hexo-cli
开始安装
b. 初始化blog文件夹hexo init blog
,这里会从npm源安装,很容易卡住,建议使用淘宝的npm镜像,安装速度很快,依次输入以下命令npm config set registry https://registry.npm.taobao.org
和npm info express
,第二个命令是看看npm是否装好,此时再初始化blog文件夹(ATTENTION:如果你刚刚init过程失败,你要把生成的blog删除,再执行hexo init blog
)
c.cd blog
d.npm install
e.hexo g
这个命令是生成网页的静态文件,会生成一个public的文件
f.hexo s
这个是启动本地服务,这样你就可以在 http://localhost:4000 中预览你的博客至此已经完成了搭建博客的三分之一了。
部署环境
- git的创建,首先你需要一个github的账号,默认已有,然后在你的git主页创建一个新的仓库,点击New repository。填入创建仓库的名称,必须是Yournsername.github.io这很关键,也就是你后面博客的网址。最后直接点击最下面的创建按钮,其他什么都不要动。
- hexo关联到Github,打开blog文件夹,里面有一个名为_config.yml的文件,用文本编辑器打开并编辑他,在文档最后deploy,输入以下信息
deploy
:type: git
repo: https://github.com/TristaWWP/TristaWWP.github.io.git
branch: master
- 安装扩展
npm install hexo-deployer-git --save
- 完成部署
hexo d
,期间会输入你的用户名和密码。
美化博客页面
俗语说:人靠衣装,确实,我就很喜欢好看的衣服,同样博客也要靠主题的装扮,虽然博客中自带了主题,但是越好看的主题越能展现一个人的个性。你可以进入Hexo官网选择自己喜欢的主题,我一开始选的next主题,后来感觉这个貌似超多人用,于是在官网选购一番,耗时半小时之久都没选到喜欢的,还是用回了next,在这里我太佩服前端和UI的小伙伴了。
- 进入主题文件夹
cd blog
- 下载主题
git clone https://github.com/theme-next/hexo-theme-next themes/next
- 修改主题的配置文件_config.yml中的theme属性,设置为next
- 然后进行一系列的美化页面效果,请参看这位老哥的文章,十分全面,Next主题的个性化教程
- 然后就可以创建一篇新的博客
hexo new "博客标题"
,会产生一个md文件,用文本编辑器打开,并且在里面任意发挥开始你的第一篇博客吧。 - 简单两行完成发布文章,以后每次这样进行就可以更新博客了
hexo g
hexo d
对于网速实在很差的实验室来说,应该刚好两个小时搞定,不过写这篇博文又用了两个小时。。。