2020.03.02
写在前面
终于下定决心搭个个人博客啦,虽然并不想写技术博文^ ^ 。
上网冲浪经常看到别人的博客,人家总是把课程笔记、学习心得和论文阅读等等整理得井井有条的,尤其是拜读了人家的年终总结,其对代码的热爱、目标之坚定和成长之迅速,可见一斑。我每每深受鼓舞,意难平啊。哎,毕竟我也在代码界摸爬滚打了四年,眼看就毕业了,不建个博客怎么说得过去呢。
本教程是follow羊哥的视频:手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo。羊哥可以说是奶妈级教学了,推荐大家围观。之所以选择hexo框架,是因为它比较火,所以community很成熟,可以跟大家讨论,有问题也方便找解决方案。
今天的任务,是先把博客搭建起来,日后再进行美观优化。话不多说,马上开始。
1. 下载Node.js
打开Node.js官网,平台已自动选好,选择LTS(长期支持版)进行下载。
Node.js官网下载后安装即可,我安装在了E:/node.js
目录下。这一步很简单。最后会提示安装成功两个组件:node和npm。
在命令行测试一下,一切完美。
node和npm都准备就绪啦
由于我在安装的过程中,选择了附加安装一些相关modules(?),安装好之后弹了个窗,安装乱七八糟的,不过安装失败了…Let it go
2. 安装hexo
对于linux和iso用户来说,要sudo su
切换到root
用户;对于windows用户来说,win+r
打开command
就已经是这一步了。
盘下逻辑,我们需要用npm(包管理器)安装hexo,但是速度会很慢。所以我们先用npm安装cnpm,然后用cnpm安装hexo。Go!
教程可以参照:请戳这里
npm install -g cnpm --registry='https://registry.npm.taobao.org' # install cnpm
cnpm -v
cnpm install -g hexo-cli # install hexo
hexo -v
好滴,至此我们已经安装了hexo。
3. 安装git
管理blog需要我们下载git,哎windows下载东西真的无力,等等等等等好久。这是git for windows 的连接,挂到学校服务器上下载,然后再传输过来orz。记得要把git的路径加入环境变量。我的选择其实都是默认选项orz。这里是选项详解。哎总之默认就对了。
4. 用hexo搭建blog
4.1 hexo init,你也太慢了
首先建立空文件夹,用于放我们blog的文件。然后初始化。
mkdir blog
cd blog
hexo init
按理说,这时候hexo就为我们生成好了需要的文件啦。然而事情没有这么简单^ ^
4.1.1 powershell, cmd 和 git bash,三连输
powershell:奇怪的是,powershell不能运行。ps为何没权限咧…先不管,以后再说。
cmd:完!全!卡!住!我看b站有人说十分钟,有人等几个小时…啊心累。
git bash:看到有朋友说git bash跑起来会快很多,然鹅也没有。
既然国内这样,就fq呗,结果我发现几个梯子都倒了(?)正当我一筹莫展之际,突然想起我手机买的kuai500加速器会不会有电脑端,一看还真有(您用了好几个月才发现?)。我兴奋cry了。瞬间我跟世界有了联系。
4.1.2 fq过后,就一帆风顺了吗
用cmd输入指令,但是发现证书不行。
endless error查阅到这篇博文:执行Git命令时出现各种 SSL certificate problem 的解决办法。釜底抽薪,彻底解决了问题。
4.2 Look!blog有了!
输入hexo s
,成功的曙光就在眼前
浏览器键入http://localhost:4000/
,我们朴素又酷炫的blog就来了。我喜极而泣。(为啥我文风逐渐偏离正轨…
`
2020.03.04 更
4.3 下载markdown编辑器
那,因为我们写文章使用markdown来写的,最好安装一个编辑器。有vs的朋友可以下载个markdown插件。我选择的是typora软件,官网链接是:https://www.typora.io/。可以实时预览效果,也可以一直用源代码模式编辑。
typora 源代码模式
4.4 创建一篇博文
hexo new "My New Post"
cd source/_post
可以看到该目录下有两篇文章,hello-world.md
是系统初始创建的,My-New-Post.md
就是我们刚刚建的啦。
ps:实在受不了cmd的字体库了,想念我的consolas,于是找了篇教程调了下字体:CMD 或 PowerShell 使用 Consolas 字体
使用typora进行编辑一下,然后hexo clean
+hexo generate
,再预览,就能看到刚刚写好的博文了!
5. 把blog部署到github上
首先打开github,新建仓库,注意命名是#name.github.io
。
下面回到我们的cmd,安装一个git部署的插件
cnpm install hexo-deployer-git --save
安装成功!至于为什么要加--save
,请戳:https://blog.csdn.net/jwl_willon/article/details/81054978
下面我们需要修改一下_config.yml
文件,拉到最下面,按如下的方式修改,添加我们的部署信息。注意:冒号后要加一个空格。
在cmd输入hexo d
,回车,即可部署。啊不,即可报错!
原来是刚装好git还没登陆okkkk,命令行输入:
git config --global user.name "ColdMe"
git config --global user.email '497862477@qq.com'
其中,名字要和github用户名相同。命令git config --list
可以查看已经设置的信息。这时候再运行hexo d
,会跳出来个页面让我登陆github。然后就部署成功啦。据小伙伴说,用git bash会更方便。
用地址https://coldme.github.io/
来访问!大功告成!!!
6. 更换主题
我们大艺术家当然不满足于默认主题啦(刚刚你还夸好看?),于是乎我们再来看看怎么给博客换个更gorgeous的主题!
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
速度有点慢,可以挂梯子,或者把github的项目copy到码云上面,然后从码云上git clone(操作见:https://caiyantao.gitee.io/2019/04/14/Hexo-%E4%B8%89/#more
)。clone好之后,编辑_config.yml
,更换我们使用的主题。
再之后hexo clean
,hexo g
,hexo d
三连就部署成功了。主题不是马上生效的,需要等一等。刷新一下,当当当当,我们的blog就更换好主题啦!
弹幕小伙伴说:静态博客是没有后台的。那后台是什么呢?我真的无知到不像程序员 QAQ
Anyway, 来日方长,以后会慢慢成长哒。
回顾一下,这个过程还是比较顺利的,多靠up主的耐心讲解和弹幕中小伙伴的提醒,因为up用的iso,跟win10许多操作语句有所不同。
有个take-away homework就是hexo每一步的实现机理是什么,比如我大概明白``hexo g是更新了本地的文件,
hexo d是把更新commit到github上,那
hexo clean`在干什么,以及这些操作究竟如何对文件做了改变,需要对前端有些了解。
还有个问题是,我目前有cmd,powershell,git bash,linux shell,因为linux shell是用wsl,跟其他三者是独立的,但这四个之间哪些操作是相同的呢。为什么git bash可以vim可以ls呢。我其实这篇文章截图就很diversity,哪个好用就用哪个。Anyway,有点乱乱的,现在还没搞懂。
最challenge我的就是git!自上个实习起,几番学习git,但到现在依旧对git一知半解。如有时间,继续深耕。
Have fun with your blogggg!!
网友评论