这是我最近用hexo搭建的个人博客,欢迎来参观留言,以下是我创建这个hexo的一步步步骤,欢迎指正!

  我的博客

  参考自 潘柏信的博客;CnFeat

  主题参考这里 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里的themehexadillax;

  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博客的更多相关文章

  1. 【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)

    一.部署到阿里云服务器 既然博客也已经成功在本地部署,然后主题也成功安装,接下来就可以部署到服务器上面了,如果你也想要魔改matery主题,可以去各种博客上面找一找大佬的教程,或者联系我,也可以让你少 ...

  2. 史上最详细“截图”搭建Hexo博客并部署到Github

    http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html 大家也搭建过博客,很多时候,按着教程来做就可以了,但是我当时为了搭建Hex ...

  3. 史上最详细“截图”搭建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 ...

  4. [原创]HEXO博客搭建日记

    博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...

  5. linux 搭建hexo博客

    搭建环境: CentOS 6.5 1.安装git的编译包 yum -y install gcc zlib-devel openssl-devel perl cpio expat-devel gette ...

  6. 利用Github和Hexo搭建独立的个人博客--基础篇

    利用Github和Hexo搭建独立的个人博客--基础篇 摘要:本文主要参考了使用hexo和Github上创建自己的博客.如何搭建一个独立博客--简明Github Pages与Hexo教程和使用GitH ...

  7. 在Github上面搭建Hexo博客(一):部署到Github

    什么是Hexo Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上.并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设 ...

  8. 使用Github+Hexo框架搭建部署自己的博客

    前言 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown (或其他渲染引擎 )解析文章, 在几秒内,即可利用靓丽的主题生成静态网页. 安装 安装前提 安装 Hexo 相当简单 ...

  9. Mac上搭建基于Github的Hexo博客

    Mac 上搭建基于Github的hexo博客 博客地址:往事亦如风的博客 hexo官方文档 本来想搭一个自己的博客,但是因为服务器真心买不起,所以就使用gitpages搭建一个免费的博客. 环境配置 ...

随机推荐

  1. 手把手教你从ESXI部署到vSphere web Client管理控制

    作为实验环境,一台物理机即可 既然是实验环境,那么首先把这个物理机装成ESXI6.5的宿主机并配置网络系统 第二步骤就是在ESXI上面导入OVF文件,注册一台虚机,作为数据管理中心 第三步骤就是基于这 ...

  2. 音频相关基本概念,音频处理及编解码基本框架和原理以及音、重采样、3A等音频处理(了解概念为主)

    视频笔记:音频专业级分析软件(Cooledit) 音质定义以语音带宽来区分,采样率越高,带宽越大,则保真度越高,音质越好.窄带(8khz采样),宽带(16khz采样),CD音质(44.1khz采样) ...

  3. [CF893F] Subtree Minimum Query

    Description: 给定一棵树,每次询问某点子树中到其不超过k的所有点的最小点权 强制在线 Hint: \(n,m\le 10^5\) Solution: 看到题目第一反应是以深度为下标,dfs ...

  4. AWSS3异步等待上传成功返回结果

    /// <summary> /// 流上传文件 /// </summary> /// <param name="data">流内容</pa ...

  5. CSS grayscale滤镜+SVG使图片变黑白实例页面

    http:/CSS 地址:/www.runoob.com/cssref/css3-pr-filter.html CSS代码: .gray { -webkit-filter: grayscale(%); ...

  6. python学习:列表

    列表 a = ['abc','bcd','cde','def','efg']print(a)列表的操作:增删改查 1)查:切片print(a[1:3]) #从'bcd'取到'cde',列表取值顾头不顾 ...

  7. 关于阿里云Centos7 Mailx发送邮件失败的处理

    开始通过配置系统自带的mail 发送邮件 在其中一台服务器怎么都不行 /etc/mail.rc配置: set from="邮箱名" set smtp="smtp.163. ...

  8. Java_重载与重写

    在java中,重载与重写都是多态的体现.重载(Overload)体现的是编译时多态,而重写(Override)体现了运行时多态. 重载(Overload): 定义:在一个类中,同名的方法如果有不同的参 ...

  9. 数位dp-Bomb

    难受啊!!越做题是越感觉菜,这个又被几个坑给卡住了(只有我这个学渣才会卡) 坑点:1.考虑n是否已包含49,有的话还要再+1. 2, 注意从最高开始考虑时,再判断时要考虑它本身为0的情况,.比如n=5 ...

  10. Spring源码学习-容器BeanFactory(一) BeanDefinition的创建-解析资源文件

    写在前面 从大四实习至今已一年有余,作为一个程序员,一直没有用心去记录自己工作中遇到的问题,甚是惭愧,打算从今日起开始养成写博客的习惯.作为一名java开发人员,Spring是永远绕不过的话题,它的设 ...