github免费搭建个人博客

一、Nodejs环境、git环境安装

注：本教程不做Nodejs、git环境的安装，如未安装，请自行百度

Nodejs官网

git官网

二、Hexo安装

hexo官网

安装Hexo

npm install hexo-cli -g #安装hexo模块
hexo init blog #通过hexo创建一个blog项目
cd blog
npm install
hexo server #开发服务

hexo文档

三、使用github pages

github pages是给开发者建立一个私人页面，免费且没有空间流量限制。每个github账号都可以创建一个github pages项目

创建github pages项目

在github上新建一个项目，项目的名称必须是（你的用户名.github.io)才行

点击创建
四、配置git信息(方便hexo和github通过ssh通信)

1、设置Git的user name和email：(如果是第一次的话)

git config --global user.name "name"
git config --global user.email "xxx@qq.com"

查看是否配置成功

git config --global user.name
git config --global user.email

2、生成密钥

ssh-keygen -t rsa -C "你的注册github的邮箱"

在/Users/raodaqi/.ssh/目录下会生成两个文件id_rsa和id_rsa.pub

将id_rsa.pub里的内容配置到github项目的Deploy keys里

五、配置Deployment

在blog项目根目录下里找到_config.yml文件，找到Deployment，然后按照如下修改：

deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git
branch: master

比如我的仓库的地址是git@github.com:raodaqi/raodaqi.github.io.git，所以配置如下

deploy:
type: git
repo: git@github.com:raodaqi/raodaqi.github.io.git
branch: master

六、安装 hexo-deployer-git自动部署发布工具

npm install hexo-deployer-git --save

七、生成静态文件部署到github

通过命令hexo clean && hexo g && hexo d，发布到github

1.hexo clean
2.hexo g
3.hexo d

通过链接就可以进行访问：你github用户名.github.io

八、更改模板，发布博客

更改模板以及发布博客请自行学习
hexo模块

hexo写作教程

更换主题教程：

更换 Hexo 主题非常容易，只要在 themes 文件夹内，新增一个任意名称的文件夹，并修改 _config.yml 内的 theme 设定，即可切换主题。

输入命令： git clone 刚才复制的地址 themes/xxxx ，xxxx 是主题名

git clone https://github.com/theme-next/hexo-theme-next.git themes/next

2.使用主题
修改博客根目录下的 _config.yml 文件，注释掉原来的 theme 并新增一句 theme: xxxx （注意冒号后面有空格）

xxxx 为博客根目录 themes/ 文件夹下，对应的主题文件夹名称。

如果是解压出来的“hexo-theme-aircloud”就写“hexo-theme-aircloud”，如果是自建的“aircloud”就写“aircloud”

github免费搭建个人博客相关推荐

使用hexo+github免费搭建个人博客网站超详细教程
博客地址http://dymfx.top/ 本文详细描述了如何在Github上,使用hexo部署博客. 一.Hexo简介 Hexo是一个快速.简洁且高效的博客框架,让上百个页面在几秒内瞬间完成渲染,H ...
利用Github Page 搭建个人博客网站
利用Github Page 搭建个人博客网站转载请注明出处: http://blog.csdn.net/tzs_1041218129/article/details/53214497 http:// ...
GitHub+hexo搭建个人博客（2019新版超详细教程）
GitHub+hexo搭建个人博客详细教程原文链接 : GitHub+hexo搭建个人博客详细教程前言随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交信息分享者,随之优秀的信息分享平台也越来 ...
Github+Hexo搭建个人博客(图文详解)
文章目录使用Github+hexo搭建个人博客(不会让小伙伴们走弯路) 1. 准备工作:安装两个我们本次所需要使用的软件: 2. 注册Github账号以及建立仓库:[https://github.c ...
Github Pages搭建个人博客（2018年10月版）
Github Pages搭建个人博客(2018年10月版) 前言几年前看到网上大神自己搭建的个人博客网站,就想过搭建一个属于自己的个人博客网站,为此还专门去研究了建站所需技能,但是购买了域名和云虚拟 ...
在Github上搭建Jekyll博客和创建主题
在Github上搭建Jekyll博客和创建主题之前本来想展开写的,后来发现Jekyll官网的教程已经非常完善了就没有多写,所以只有这篇. 但是过了这么久,发现很多人还是不清楚怎么搭建,所以这里打算详 ...
github项目怎么运行_利用 GitHub 从零开始搭建一个博客
"NightTeam",一个值得加星标的公众号. 趁着周末,搭建了一下 NightTeam 的官方博客和官方主页,耗时数个小时,两个站点终于完工了. 由于 NightTeam 的域 ...
jekyll php,使用Jekyll在Github上搭建个人博客（文章分类索引）
系列文章传送门: 今天又滚出去野了一天,打牌输了,好在输的不多,聊天聊到了以后的路子,不太好走啊... 使用Category分类一般来说,一个个人博客的文章会分为很多种,比如说有记录生活情感的.技术 ...
【Web】Hexo+Butterfly+Github+Coding搭建个人博客
个人博客: http://www.milovetingting.cn Hexo+Butterfly+Github+Coding搭建个人博客背景之前用docsify搭建了一个简单的博客,但是docs ...

github免费搭建个人博客

github免费搭建个人博客相关推荐

最新文章

热门文章