美文网首页
hexo博客走起~

hexo博客走起~

作者: winter_sweetie | 来源:发表于2020-03-02 23:31 被阅读0次

    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为何没权限咧…先不管,以后再说。

    powershell权限受阻

    cmd:完!全!卡!住!我看b站有人说十分钟,有人等几个小时…啊心累。

    git bash:看到有朋友说git bash跑起来会快很多,然鹅也没有。

    既然国内这样,就fq呗,结果我发现几个梯子都倒了(?)正当我一筹莫展之际,突然想起我手机买的kuai500加速器会不会有电脑端,一看还真有(您用了好几个月才发现?)。我兴奋cry了。瞬间我跟世界有了联系。

    4.1.2 fq过后,就一帆风顺了吗

    用cmd输入指令,但是发现证书不行。

    endless error

    查阅到这篇博文:执行Git命令时出现各种 SSL certificate problem 的解决办法。釜底抽薪,彻底解决了问题。

    某网友的hexo折腾

    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 预览模式
    typora 源代码模式

    4.4 创建一篇博文

    hexo new "My New Post"
    cd source/_post
    

    可以看到该目录下有两篇文章,hello-world.md是系统初始创建的,My-New-Post.md就是我们刚刚建的啦。

    此时我们的blog有两篇文章

    ps:实在受不了cmd的字体库了,想念我的consolas,于是找了篇教程调了下字体:CMD 或 PowerShell 使用 Consolas 字体
    使用typora进行编辑一下,然后hexo clean+hexo generate,再预览,就能看到刚刚写好的博文了!

    我建的第一篇博文~~

    5. 把blog部署到github上

    首先打开github,新建仓库,注意命名是#name.github.io

    create a new repositiry
    下面回到我们的cmd,安装一个git部署的插件
    cnpm install hexo-deployer-git --save
    

    安装成功!至于为什么要加--save,请戳:https://blog.csdn.net/jwl_willon/article/details/81054978

    install部署插件

    下面我们需要修改一下_config.yml文件,拉到最下面,按如下的方式修改,添加我们的部署信息。注意:冒号后要加一个空格。

    修改_config.yml文件

    在cmd输入hexo d,回车,即可部署。啊不,即可报错!

    error

    原来是刚装好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,更换我们使用的主题。

    修改_config.yml

    再之后hexo cleanhexo ghexo d三连就部署成功了。主题不是马上生效的,需要等一等。刷新一下,当当当当,我们的blog就更换好主题啦!

    yilia主题的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!!

    相关文章

      网友评论

          本文标题:hexo博客走起~

          本文链接:https://www.haomeiwen.com/subject/lvwmkhtx.html