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搭建个人博客
我用的主题
要是还有不懂的话,可以评论,会给大家回复的

目录
相关文章
|
5月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
|
5月前
|
缓存 开发工具 git
如何修改github博客主题
如何修改github博客主题
|
29天前
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
4月前
|
Web App开发 缓存 移动开发
四万字符数带你使用 Vitepress 构建博客并部署到 github 平台
四万字符数带你使用 Vitepress 构建博客并部署到 github 平台 最近写了好多篇 Chrome 浏览器插件相关的文章,有十几二十篇,就想着构建个博客,用来放置相应的文章。 正好前段时间看到 VitePress 1.0.0 发布了,而且是用 markdown 写文章,正好写插件文章的时候文章都是 md 格式,所有用下这个然后顺便写一篇使用教程。 Chrome 插件开发博客地址:https://18055975947.github.io/extension/
65 0
|
4月前
|
JavaScript 应用服务中间件 程序员
技术人如何利用 github+Jekyll ,搭建一个独立免费的技术博客
技术人如何利用 github+Jekyll ,搭建一个独立免费的技术博客
|
5月前
|
JavaScript 网络安全 开发工具
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
|
4月前
VitePress 构建的博客如何部署到 github 平台?
VitePress 构建的博客如何部署到 github 平台?
80 0
|
5月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
168 0
|
5月前
使用github制作个人网站或者博客
使用github制作个人网站或者博客
42 0
|
5月前
Hexo博客添加GitHub评论功能
Hexo博客添加GitHub评论功能
122 0