hexo加Github搭建个人博客(一、二)
hexo加Github搭建个人博客(一)
在这之前,我们先介绍一下hexo加Github搭建博客的有关事项
1.hexo搭建的是静态网页,每次修改后都要执行静态生成,然后再执行部署
2.Github仓库服务器到博客网页需要一定的传输时间(反应时间),在博客更新部署后博客网页不会立刻做出改变,需要稍等一会
第一步:安装Github和node.js
1.Node.js安装地址
Node下载
2.Github安装地址
Github下载
Github安装教程:Git安装教程
3.在安装Github后用以下方法确认是否安装成功
方法1微软键+R ------> cmd ------> 键入git version
出现版本号表示安装完成
方法2在桌面,单击鼠标右键,查看是否存在 Git GUI here
和 Git Bash Here
。
第二步 注册Github账号(已注册请跳过此步骤)
Github官网
对英语不太擅长的人推荐使用浏览器的翻译页面功能翻译Github以提升浏览速度
第三步 安装Hexo到电脑,完成初始化
1.右击桌面空白处打开GIt Bash Here,输入以下内容
npm install hexo-cli -g
npm install hexo-deployer-git --save
2.之后选好你要存放博客文件的位置,在这个位置新建一个文件夹,并将这个文件夹命名为hexo
进入文件夹
3.右击打开Git Bash Here,输入以下命令初始化hexo
hexo init
hexo初始化完成后刷新文件夹,你会看到文件夹内多出了许多的文件
4.右击打开GIt Bash Here,输入以下命令,部署网页,开启本地服务
hexo generate
hexo server
在浏览器里输出 http://localhost:4000,即可查看博客效果
第四步 Github仓库的建立
1.登录到自己的GitHub上面
2.点击右上角的加号
3.选择 New repository
4.在Repository name下的文本框中输出 username.github.io 然后完成创建
输入的username部分替换为你的Github用户名,如 kuiwaiwai.github.io
选择public(公开)
第五步 SSH秘钥配置以及相应配置
1.在hexo文件夹内右击打开GIt Bash Here输入以下命令
ssh-keygen -t rsa -C "你的github注册邮件地址"
注意!请将""内文字替换为你的github注册邮件地址,如“100000000@qq.com”
2.连续按三次回车直到秘钥创建完成
3.打开C盘内的用户文件夹,找到.ssh\id_rsa.pub文件(若找不到请搜索文件),记事本打开并复制里面的全部内容
4.打开你的Github主页,点击右上角图像旁的倒三角,选择settings
5.在左侧栏点击SSH and GPG keys,选择 New SSH key ,在title处输入任意内容,在key处输出你刚才复制的秘钥信息,最后完成设置
6.在GIt Bash Here中输入以下命令以检验SSH配置是否成功
ssh -T git@github.com
若出现提示请输入yes
7.配置用户名和文件
在GIt Bash Here中输入以下命令
git config --global user.name "username"
username处提替换为你的Github用户名
git config --global user.email "username@xxxx.com"
username@xxxx.com处替换为你注册Github账号时填入的邮箱
第六步 配置Hexo
打开hexo文件夹里面的_config.yml,修改你的配置
这是一张中文配置对照表,供大家参考
#博客名称``title: 我的博客``#副标题``subtitle:``#简介``description:``#博客作者``author: Rainy``#博客语言``language: zh-CN``#时区``timezone:
#博客地址,与申请的GitHub一致``url: http://kuiwaiwai.github.io``root: /``#博客链接格式``permalink: :year/:month/:day/:title/``permalink_defaults:
source_dir: source``public_dir: public``tag_dir: tags``archive_dir: archives``category_dir: categories``code_dir: downloads/code``i18n_dir: :lang``skip_render:
new_post_name: :title.md # File name of new posts``default_layout: post``titlecase: false # Transform title into titlecase``external_link: true # Open external links in new tab``filename_case: 0``render_drafts: false``post_asset_folder: false``relative_link: false``future: true``highlight:``enable: true``line_number: true``auto_detect: true``tab_replace:
default_category: uncategorized``category_map:``tag_map:
#日期格式``date_format: YYYY-MM-DD``time_format: HH:mm:ss
#分页,每页文章数量``per_page: 10``pagination_dir: page
#博客主题``theme: landscape
#发布设置``deploy:``type: git``#kuiwaiwai改为你的github用户名``repo:git@github.com:kuiwaiwai/kuiwaiwai.github.io.git``branch: master
第七步 博客基本完成,部署上传,浏览页面
1.在hexo文件夹内右击打开GIt Bash Here输入以下命令
hexo g
hexo d
或者输入
hexo g -d
如果出现下面的错误,是因为deployer安装没有成功导致的。
ERROR Deployer not found: git
使用下面的命令重新安装
*npm install hexo-deployer-git --save*
2.在浏览器输入网址访问你的博客页面
网址: https://username.github.io
username替换为你的Github用户名
——————————————————————
结束
本文参考
CSDN博客1
CSDN博客2
作者:奎歪歪
转载请署名
hexo加Github搭建个人博客(一)全文已完
————————————————————————————————
hexo加Github搭建个人博客(二)
本篇我将为大家介绍hexo的基本命令、Markdown的基本语法以及关于hexo主题的大致配置
hexo基本命令
在hexo的实际使用中我们用到许多的命令,下面我将为大家介绍一些常用的hexo命令
1.清理已生成的静态页面
hexo clean
这个命令可以清理已经生成的静态页面,一般在博客页面显示异常或者博客上传后页面并未更新时使用
2.生成静态页面
hexo generate
可简写为 hexo g
在第一篇时我已经向大家描述了hexo的静态生成,而这个命令就是用于此处
当你在终端输入这个命令时,hexo就会将你填写的信息转换为静态网页
3.上传到仓库
hexo deploy
可简写为 hexo d
这个命令的作用是将你生成的静态网页和其它所需文件上传到deploy服务器中,但实际上这个命令也有一部分生成静态页面的作用,如果你是利用Github搭建的blog,那么这个命令就会将将文件传输到你所指定的Github仓库中
4.开启本地服务
hexo server
可简写为 hexo s
这个命令的作用是开启你的本地服务器,让你能够从本地服务器预览blog网页 默认预览地址: http://localhost:4000/
对 Hexo 根目录_config.yml的进行的修改,需要重启本地服务器后才能预览效果
5.新建一篇博客文章
hexo new
可简写为 hexo n
这是一个带参命令,正确使用形式为 hexo n "文章标题名称"
使用这个命令可以新建一个标题为 “ ” 中内容的文章
hexo的主题配置
你可以在hexo主题网站选择你喜欢的主题
大部分主题都有自己的安装教程,你可以在选择主题时查看
hexo主题网站:https://hexo.io/themes/
hexo的主题繁多,这里我以我博客使用的主题 Butterfly 为例
Butterfly主题地址
Butterfly安装文档
首先,在hexo文件夹中打开GIt Bash Here 输入以下命令
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
这时Butterfly就已经安装到了你的hexo本地文件夹下
接下来您需要在hexo配置文件夹中将你的主题设置为Butterfly,如下
theme: Butterfly
之后你可以在 hexo\themes\Butterfly_config.yml 中对你的主题进行配置
这是我的配置文件,供大家参考
配置浏览
主题的配置都大同小异,我在我的Butterfly主题配置文件中添加了中文注释以方便大家阅读,如果有对于主题配置有其它的问题可以在主题的安装文档中查看(Butterfly安装文档)
Markdown的基本语法
Markdown 语言是在 2004 由约翰·格鲁伯创建的一种轻量级标记语言,目前被广泛应用于各大编辑器中,Hexo的博客文章编辑系统便支持这一种语言。
标题
使用#符便可表示标题,一级标题为#,二级标题为##,以此类推
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
字体
Markdown 可以使用以下几种字体:
倾斜:* *或者 _ _
加粗:** **或者__ __
倾斜加粗:*** *** 或者___ ___
*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___
列表
Markdown 支持有序列表和无序列表。
有序列表使用数字标记并加上.
1. 一
2. 二
3. 三
无序列表使用星号()、加号(+)或是减号(-*)作为列表标记
* 一
* 二
* 三+ ACD
+ CDF
+ QWC- 奎
- 歪
- 歪
代码
代码语句:‘ ’
你可以利用’ '将代码片段以文本的方式完整地显示出来
printf("kuiwaiwai");
代码区块:
代码区块代码区块使用 4 个空格或者一个制表符(Tab 键)。
利用代码区块可以触发大部分网站的代码复制功能,使读者能够更简便地复制代码。
while(1)
{printf("kuiwaiwai");
}
链接
链接的使用方法有两种:
直接链接:< >
链接至必应<https://cn.bing.com/>
名称链接:[ ]( )
链接至[必应](https://cn.bing.com/)
图片
图片的使用:
![属性](图片链接)
例如显示一张Github的logo
![Github](https://maxcdn.icons8.com/Share/icon/p1em/Logos/github1600.png)
表格
Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
由于篇幅有限,所以这里只列出了一些基本的Markdown语法,有时间我会写一篇关于Markdown语法的详细教程。
——————————————————————
结束
本文参考
Butterfly安装文档
Markdown官方
作者:奎歪歪
转载请署名
hexo加Github搭建个人博客(二)全文已完
hexo加Github搭建个人博客(一、二)相关推荐
- 使用hexo+yilia+github搭建个人博客
本人搭建博客地址: http://www.janszeng.top/ 经过几天的折腾,终于配成功了,现记录如下,本人是在win7上搭建个人博客的. 直奔主题,搭建个人博客主要分为以下几步: * 先查看 ...
- 使用Hexo 和Github搭建个人博客
文章目录 **背景知识** 搭建环境 安装必要软件 配置 Git SSH key 配置 Hexo 使用 Github Page 仓库 写博客 创建一个新页面 生成静态文件 发布博文到 Github P ...
- 利用hexo和github搭建静态博客(一)
在搜素文章时无意间发现一篇很漂亮的博客,一看时个人博客,自己也就想创建一个属于自己的博客,初步完成后就写下此文章便于日后查询. 本文是利用hexo在GitHub上建立的静态博客. 主要有三个步骤: 下 ...
- 使用Hexo在Github搭建静态博客
为什么80%的码农都做不了架构师?>>> 1. 环境环境 1.1 安装Git 请参考[1] 1.2 安装node.js 下载:http://nodejs.org/downloa ...
- Hexo+Github搭建个人博客和个人主页
Hexo+Github搭建个人博客和个人主页 在自己的个人主页搭建起来之前,看到网上其他人酷炫的个人主页,而且有自己专属的域名,羡慕的不行.现在自己的个人主页也做出来了,在这里做一个总结,给也想做个人 ...
- win10+hexo+github搭建个人博客
win10+hexo+github搭建个人博客 参考:https://hexo.io/,博客用于记录自己的学习工作历程 参考以下步骤安装 1.搭建环境准备(包括node.js和git环境,gitHub ...
- hexo+github搭建个人博客网站问题汇总和解决办法
分享B站教程:[2021最新版]保姆级Hexo+github搭建个人博客_哔哩哔哩_bilibili 本人在使用hexo + github搭建个人博客网站的过程中也是一步一个bug做过来,几乎每一步都 ...
- 使用 hexo + 主题 butterfly + Github 搭建个人博客
hexo + 主题 butterfly 搭建个人博客 1. 安装 2. 注册 github 账号 3. 创建仓库 4. 搭建 Hexo 本地博客 安装 hexo- cli 生成 ssh keys 生成 ...
- 最新hexo+github搭建个人博客详细教程
最新hexo+github搭建个人博客详细教程 这是作者自己利用hexo+github搭建博客的完整过程,对自己搭建过程中踩过的坑做一个简单记录. 本人博客最终展示效果:https://huanyay ...
最新文章
- 0709 C语言常见误区----------函数指针问题
- 【WebGL】《WebGL编程指南》读书笔记——第5章
- mysqlworkbench导入sql文件_将sql脚本文件导入数据库
- 菲波那契数列(信息学奥赛一本通-T1201)
- 【mac】Mac 安装Brew命令
- 浮点数:一种有漏洞的抽象【译】
- Android odex文件反编译
- 拓端tecdat|Python贝叶斯推断Metropolis-Hastings(M-H)MCMC采样算法的实现
- 学生管理系统(源码)(C语言版)
- stm32无感无刷电机驱动
- 关于paypal账户限制的话题
- java 微信图片上传_后台Java代码加前端微信小程序实现图片上传案例(学习)
- html+圆角六边形,CSS3 圆角六边形
- 期刊论文调格式的注意事项
- 产品研发细腰形架构1/2:产品技术体系的细腰形架构
- 作为Senior Recruiter想跟大家聊聊求职,希望对大家有所帮助~
- 美团面试 一面+二面
- 诺基亚2016年会重返智能手机市场?
- python插值_python插值
- vs2017注释快捷键