开发者社区> wangqi94> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

hexo+github搭建个人免费博客

简介: 最近在淘宝逛到一个卖盗版书的店铺,真的是便宜的不要不要的,哈哈。 网上hexo+github的博客教程太多了,我今天就讲讲一下实现小细节和思路吧,都是github上面的issue 看看我搭建的hexo主题的博客,哈哈 开始旅程了 创建一个github站点 可以参考鸿洋大神的如何利用github打造博客专属域名,这篇博文看下来,你就会拥有像我 这样MRw
+关注继续查看

最近在淘宝逛到一个卖盗版书的店铺,真的是便宜的不要不要的,哈哈。

这里写图片描述

网上hexo+github的博客教程太多了,我今天就讲讲一下实现小细节和思路吧,都是github上面的issue

看看我搭建的hexo主题的博客,哈哈


开始旅程了

创建一个github站点

可以参考鸿洋大神的如何利用github打造博客专属域名,这篇博文看下来,你就会拥有像我 这样MRwangqi.github.io的链接,在仓库下面放个index.html,就能访问到页面了。

安装node环境

可以参考我的文章weex初体验,这篇不需要看完,看完node安装部分就可以了

安装hexo环境

在任意目录下面执行npm install -g hexo安装hexo环境

初始化hexo

在任意目录下面执行hexo init可以初始化一个基础的blog模板,然后我们进这个模板看看,有_config.yml啊,source啊,themes啊等等,为啥要说这几个呢,哈哈,当然是有道理的啊,_config.yml存放的是blog的配置,source下面的_posts存放的是.md文件,也就是你的博客文章的存放位置,以后想创建文章的话直接在_posts里面新建个.md文章,themes是个好玩的东西,可以在hexo的主题官网上面去下载任意的模板替换里面的landscap默认模板,然后跟着文档说明去配置,好看的模板就起来了。

运行博客

执行hexo server就可以跑起来了,在网址上面输入localhost:4000,就可以看见默认的模板了

提交到github

需要修改_config.yml文件,在最底部添加一个下面的代码

deploy:
  type: git
  repository: https://github.com/MRwangqi/MRwangqi.github.io
  branch: master

repository是指你的github站点仓库,然后保存。执行hexo generate命令生成静态页面,然后执行npm install hexo-deployer-git --save才可以部署到github上面去,最后执行提交到github命令hexo deploy,然后你会发现你的仓库有好多莫名其妙的东西,先不管,访问你的github站点看看,博客是不是出来了,哈哈,好玩吧

后期添加博客文章

博客部署上去了,我想以后添加文章怎么办呢?别急,有命令,执行hexo new ‘文件名’,你就会发现source文件目录下面的_posts目录下面多了一个你新建的.md文件,然后你编辑这个文件,也可以在网上找一个markdown编辑器在线编辑,然后复制过来都可以,接着执行命令了,不管以后你怎么添加文章,按照这个命令来就行了

  • hexo clean
  • hexo generate
  • hexo deploy

然后访问站点,文章就多了一篇了

看不懂的话,我给大家提供资料

HEXO搭建个人博客
我用的主题
要是还有不懂的话,可以评论,会给大家回复的

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Hexo+Github+vercel 搭建免费博客教程(一)
完全免费的搭建个人博客,没有任何收费,零基础小白也能上手,不需要编程基础,跟着操作来即可!!
0 0
同时将博客部署到github和conding
之前我是把hexo托管在github,但是毕竟github是国外的,访问速度上还是有点慢,所以想也部署一套在国内的托管平台, 所以就决定部署到coding。 查询了多方资料,终于鼓捣出了本地一次部署,同时更新到github以及coding。
0 0
超详细Hexo+Github博客搭建小白教程(一)
超详细Hexo+Github博客搭建小白教程
0 0
超详细Hexo+Github博客搭建小白教程(三)
首先要了解一下我们搭建博客要用到的框架。Hexo是高效的静态站点生成框架,它基于Node.js。通过Hexo,你可以直接使用Markdown语法来撰写博客。相信很多小伙伴写工程都写过README.md文件吧,对,就是这个格式的!写完后只需两三条命令即可将生成的网页上传到你的github上,然后别人就可以看到你的网页啦。是不是很简单?你无需关心网页源代码的具体细节,你只需要用心写好你的博客内容就行。
0 0
超详细Hexo+Github博客搭建小白教程(二)
首先要了解一下我们搭建博客要用到的框架。Hexo是高效的静态站点生成框架,它基于Node.js。通过Hexo,你可以直接使用Markdown语法来撰写博客。相信很多小伙伴写工程都写过README.md文件吧,对,就是这个格式的!写完后只需两三条命令即可将生成的网页上传到你的github上,然后别人就可以看到你的网页啦。是不是很简单?你无需关心网页源代码的具体细节,你只需要用心写好你的博客内容就行。
0 0
程序人生 - 个人技术博客如何选择?(CSDN、博客园、简书、知乎专栏、Github Page)
程序人生 - 个人技术博客如何选择?(CSDN、博客园、简书、知乎专栏、Github Page)
0 0
成功搭建hexo本地博客并部署到github上
首先是安装Brew。好多人说Mac OS X上自带有brew,但是我今天试了N多遍,都是cannot find brew(我的系统是OS X Yosemite 10.10.5),于是只能安装brew了。
0 0
Vuepress + GitHub Actions 实现博客自动部署!
Vuepress + GitHub Actions 实现博客自动部署!
0 0
+关注
wangqi94
android开发
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载