mac上用hexo在github上搭建个人博客的过程

网友投稿 1275 2022-10-01

mac上用hexo在github上搭建个人博客的过程

mac上用hexo在github上搭建个人博客的过程

感想

其实我两年前也搭建过这个博客,到现在还是得乖乖的查资料,心想了想,技术一段时间不用,就会忘记,我还是把它记录下来,后面方便自己,也希望能够帮助到他人。

过程

安装

1.安装node.js

去官网直接-,安装,​​node.js​​

2.安装git

由于我这里已经安装过了,我这里给个参考文献,安装过程也非常简单的。github配置ssh的过程我也忽略了,不配置也行,只是后面每次deploy的时候都需要输入用户名和密码;如果配置的话,就不需要每次都输入。这看读者的选择。

​​git安装​​

3. 安装hexo

前面我们已经安装了Node.js,这里我们使用npm命令来安装Hexo

npm install -g hexo

接着在任意位置创建一个文件夹,如blog,cd到该路径下执行以下命令

mkdir blog

接下来一波指令操作:

hexo initnpm installhexo generatehexo server

然后在浏览器上输入​​Deployment## Docs: type: git repository: branch: master

为了能够使Hexo部署到GitHub上,需要安装一个插件

npm install hexo-deployer-git --save

然后输入以下命令:

hexo cleanhexo generatehexo deploy

这时打开你的在浏览器上看输入​​new post '文章标题'

就行了,然后在source/_posts/目录下就有创建的md文件,编辑就行了,编辑好后,按照我先前写的方法本地发布,或者deploy到github上。

更换主题

我在搭建完成后,第一件想干的事情就是把主题换掉,因为原生的主题实在是太丑了,这里,我在我的blog文件夹下:

这​​clone themes/againnpm i -S hexo-renderer-sass hexo-renderer-markdown-it markdown-it-emoji twemoji

然后修改blog目录下的config文件:

# config.yml# theme: landscapetheme: again

就行了,这个主题当时的主题图片url失效了,我是这样修改的:

在blog/themes/again/目录下,修改config文件:

avatar: images/avatar.pngbanner_small: images/banner-small.pngbanner_large: images/banner-large.png# avatar: banner_small: banner_large: http://7xrcp8.com1.z0.glb.clouddn.com/banner-large.png

然后重新的发布在本地看就能够正常显示了,是不是很简单,前提是你懂git和hexo这个流程。

参考文献

[1].Mac下使用Hexo+Github搭建个人博客.​​https://jianshu.com/p/e5f95eb990ad​​

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:爬取微信公众号文章并保存为PDF文件(Python方法)(python读取pdf文件)
下一篇:Mybatis中<if>和<choose>的区别及“=”判断方式
相关文章

 发表评论

暂时没有评论,来抢沙发吧~