搭建自己的hexo博客
这是我最近用hexo
搭建的个人博客,欢迎来参观留言,以下是我创建这个hexo
的一步步步骤,欢迎指正!
主题参考这里 pacman;
主题选自这里 hexadillax;
1. 安装node;
2. 安装git;
3. 注册github账号;
4. 新建文件夹'blog',进入blog
,打开命令窗口。
4.1. npm install hexo -g
;
4.2. npm init
; (MIT协议);
4.3. hexo init
; //初始化
4.4. hexo generate
//配置静态文件;
4.5. hexo server
//启动服务 http://localhost:4000;
5. 连接github.io
5.1. 建立repository: 仓库名为【username.github.io】,固定写法;
5.2. 修改_config.yml文件 【repo也可以SSH协议】
deploy:
type: git
repo: git@github.com:winterZhao/winterZhao.github.io.git
branch: master
5.3. npm install hexo-deployer-git --save
5.4. hexo deploy
//另一种推送到github上的形式,这时候访问winterZhao.github.io就可以了
6. 主题
主题列表,后头写有demo
的为展示效果
我选择的是Hexadillax
6.1. 在blog目录下 git clone git@github.com:XadillaX/hexadillax.git
将github上的文件copy到本地;
6.2. 将_config.sample.yml里的内容复制到根目录_config.yml里;修改github
,我的为winterZhao/winterZhao.github.io
;
6.3. 在source文件夹下新建文件夹tags
,在其内新建index.md
,写入内容:
layout: tags
title: tags
---
6.4. 在source文件夹下新建文件夹categories
,在其内新建index.md
,写入内容:
layout: categories
title: categories
---
注 : 默认没有采用/tags
和/categories
页面(标签和分类,需要的话执行6.3/6.4两步);
6.5. 将下载的Hexadillax文件夹整体复制到themes下;
6.6. 修改_config.yml
里的theme
为hexadillax
;
6.7. 替换source/images
下的avatar
头像和background
,名字不要改;
6.8. 替换icon
图,在网站根目录以及themes/hexadillax/source
下存放在网上生成的favicon.ico
;
7.添加百度统计
`_config.yml` 配置文件里添加`baidu_analytics: id`;
8. 上传到github上,覆盖之前的;
8.1. npm install hexo-deployer-git --save
;
8.2. hexo deploy
;
注: 每次本地修改以后都要重复执行这两条命令;如果执行后没有效果,则按照git
的流程进行
git add -A;
git commit -m "提交";
git pull
git push -u origin master
9. 安装爬虫插件;
9.1. npm isntall hexo-generator-sitemap
;
npm isntall hexo-generator-feed
;
9.2. 修改_config.yml
,增加内容:
# Extensions
Plugins:
- hexo-generator-feed
- hexo-generator-sitemap
#Feed Atom
feed:
type: atom
path: atom.xml
limit: 20
#sitemap
sitemap:
path: sitemap.xml
10. 增加评论功能;
10.1. 注册多说账号;
10.2. 在_config.yml
里的duoshuo
写上自己注册的多说账号;
11. 写文章;
11.1. 命令窗口 hexo clean
; //删除生成的文件和缓存public
文件夹
11.2. 命令窗口 hexo new 文章名
;
11.3. 在source/_posts
下找到对应的md
文档,写markdown文章;
11.4. 命令窗口 hexo generate
; //生成静态文件public
下
11.5. 命令窗口 hexo deploy
; //推送到github上
11.6. 删除或编辑文章,修改或删除source/_post
里对于的markdown文章,重新执行hexo generate
=>hexo deploy
;
注:当我们hexo deploy
的时候,会只将public
文件推送到github上,这是hexo默认的,不影响结构。
搭建自己的hexo博客的更多相关文章
- 【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)
一.部署到阿里云服务器 既然博客也已经成功在本地部署,然后主题也成功安装,接下来就可以部署到服务器上面了,如果你也想要魔改matery主题,可以去各种博客上面找一找大佬的教程,或者联系我,也可以让你少 ...
- 史上最详细“截图”搭建Hexo博客并部署到Github
http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html 大家也搭建过博客,很多时候,按着教程来做就可以了,但是我当时为了搭建Hex ...
- 史上最详细“截图”搭建Hexo博客——For Windows
http://angelen.me/2015/01/23/2015-01-23-%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86%E2%80%9C%E6%88 ...
- [原创]HEXO博客搭建日记
博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...
- linux 搭建hexo博客
搭建环境: CentOS 6.5 1.安装git的编译包 yum -y install gcc zlib-devel openssl-devel perl cpio expat-devel gette ...
- 利用Github和Hexo搭建独立的个人博客--基础篇
利用Github和Hexo搭建独立的个人博客--基础篇 摘要:本文主要参考了使用hexo和Github上创建自己的博客.如何搭建一个独立博客--简明Github Pages与Hexo教程和使用GitH ...
- 在Github上面搭建Hexo博客(一):部署到Github
什么是Hexo Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上.并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设 ...
- 使用Github+Hexo框架搭建部署自己的博客
前言 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown (或其他渲染引擎 )解析文章, 在几秒内,即可利用靓丽的主题生成静态网页. 安装 安装前提 安装 Hexo 相当简单 ...
- Mac上搭建基于Github的Hexo博客
Mac 上搭建基于Github的hexo博客 博客地址:往事亦如风的博客 hexo官方文档 本来想搭一个自己的博客,但是因为服务器真心买不起,所以就使用gitpages搭建一个免费的博客. 环境配置 ...
随机推荐
- 不用框架,原生使用python做注册接口/登陆接口/充值接口的测试,做的数据/代码分离
注意充值时候,cookie的处理方法,还是原来的三种方法 1.操作数据文件 do_exclel.py # -*- conding:utr-8 -*- #@Time :2018/11/8 22:46 ...
- JTAG各类接口针脚定义及含义
注:转自 揽月阁 JTAG有10pin的.14pin的和20pin的,尽管引脚数和引脚的排列顺序不同,但是其中有一些引脚是一样的,各个引脚的定义如下. 一.引脚定义 Test Clock Input ...
- centos7 安装python3.7.11 笔记
安装python依赖包yum install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-deve ...
- BZOJ3592 : Architext
首先特判多边形面积$=0$的情况,此时内部没有点,答案只会在顶点处取到. 对于面积$>0$的情况,离线询问,将所有多边形合在一起得到平面图,然后求出对偶图,那么每条多边形边的两侧分别对应对偶图中 ...
- Do-Now—团队冲刺博客一(领航篇)
Do Now -- 团队冲刺博客一(领航篇) 团队博客总目录:团队作业第一周 团队作业第二周 Do Now -- 团队冲刺博客一 领航目标 ① 各个成员在 Alpha 阶段认领的任务 ② 明日各个成员 ...
- VS之设置文件编码格式
VS2012默认格式为 "GB2312-80",很多时候可能出现乱码情况,就是编码问题,如何在VS里修改呢? 文件->“高级保存选项 ” 选择gb2312
- 1、初识Java
1.计算机发展过程 2.Java简史 lSUN公司是一家什么样的公司? 美国SUN(Stanford University Network)公司 在中国大陆的正式中文名为“太阳计算机系统(中国)有限公 ...
- 转 the best for wcf client
原文:http://stackoverflow.com/questions/573872/what-is-the-best-workaround-for-the-wcf-client-using-bl ...
- 201771010126 王燕《面向对象程序设计(Java)》第十六周学习总结
实验十六 线程技术 实验时间 2017-12-8 1.实验目的与要求 (1) 掌握线程概念: ‐多线程 是进程执行过中产生的多条线索. 是进程执行过中产生的多条线索. 是进程执行过中产生的多条线索. ...
- iOS UILabel 文字 置顶/置底 实现
iOS UILabel控件默认文字位置是居中的,如图所示: 但是我们经常碰到这样的需求,希望文字向上置顶,或者向下置底,但是很遗憾,iOS API中并没有提供相应的属性和方法,需要我们手动设置. 利用 ...