零基础免费搭建个人博客-hexo+github
使用hexo生成静态博客并架设在免费的github page平台
准备
系统:
- Window 7 64位
使用软件:
- Git v1.9.5
[下载地址] 百度云 360云盘 访问密码 d269 Git官网 - Node.js v0.12.5 x64
[下载地址] 百度云 360云盘 访问密码 608f node.js官网
32位或64位按自己电脑的系统来选择,如果不清楚,可以直接在官网下载32位的,可以兼容64位系统
备注:
不同软件版本的安装与使用会有差异,请尽量与本教程保持一致
安装Git
- 大部分按默认安装,一路点击”Next”
- 这里选择对应的windows选项,如下图
- 等待安装完成
安装Node.js
- Node安装更加简单,还是一路”Next”,最后等待安装完成即可
验证软件正确安装
同时按下Win键和R键(或者点击“开始菜单”->点击“运行”),打开运行窗口,输入“cmd”
然后输入以下命令,结果与下图相同则说明安装正确,若不正确可以卸载软件重新安装1
2
3git --version
node -v
npm -v
申请GitHub
- 点击->GitHub进入官网注册帐号
- 按下图分别输入用户名、邮箱、密码,然后点击注册
- 按默认点击“Finish sign up”
- 点击”New repository”,新建一个版本库
- 输入Repository name:yourname.github.io(yourname与你的注册用户名一致,这个就是你博客的域名了)
到此github帐号申请完成 - 启用GitHub Page
点击右边的“Setting”菜单进入设置,点击”Launch automatic page generator”
点击底部的”Continue to layouts”
最后点击”Publish page”,发布github默认生成的一个静态站点 - 验证邮箱
点击个人设置
点击”Send verification Email”发送验证邮件
进入你的邮箱,查收验证邮件进行验证
安装Hexo
hexo是基于node.js的静态博客,官网也是搭建在GitHub上
- 在电脑上新建一个blog文件夹,该文件夹用于存放你的博客文件,然后右键单击选择“Git Bash”
大家估计都有被“墙”的经历,安装hexo为了避免出现类似情况,我使用淘宝NPM镜像,输入以下命令等待安装完成
1
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
使用淘宝NPM安装Hexo
1
$ cnpm install -g hexo-cli
与原先的npm完全一样,只是命令改为cnpm,一样等待hexo安装完成
出现的WARN可以不用理会
继续输入以下命令1
$ cnpm install hexo --save
安装完成后,在输入命令,验证是否安装正确
1
$ hexo -v
本地运行hexo
初始化hexo
1
$ hexo init
安装生成器
1
$ cnpm install
运行hexo,以后要在本地运行博客只要输入该命令即可
1
$ hexo s -g
打开浏览器,输入localhost:4000,就可以在本地看到你的个人博客了- 停止运行
按住Ctrl+C键即可停止
管理博客
配置信息
使用Sublime_Text编辑器(绿色软件无需安装,解压即可使用)打开blog/_config.yml文件,进行配置1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65#博客名称
title: 我的博客
#副标题
subtitle: 一天进步一点
#简介
description: 记录生活点滴
#博客作者
author: John Doe
#博客语言
language: zh-CN
#时区
timezone: #博客地址,与申请的GitHub一致
url: http://elfwalk.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
#elfwalk改为你的github用户名
repository: https://github.com/elfwalk/elfwalk.github.io.git
branch: master写一篇文章
输入创建文章命令,生成一个md文件(/blog/source/_posts/)1
$ hexo new "hello"
用编辑器打开hello.md文件,编写完后保存1
2
3
4
5
6
7
8
9
10
11
12title: hello
date: 2015-07-01 22:37:23
categories:
- 日志
- 二级目录
tags:
- hello
--- 摘要:
<!--more-->
正文:
发布博客
设置git身份信息
1
2$ git config --global user.name "你的用户名"
$ git config --global user.email "你的邮箱"安装hexo git插件
1
$ cnpm install hexo-deployer-git --save
发布更新博客
1
$ hexo d -g
发布时需要输入github的帐号和密码,输入密码时是看不到自己输入的内容的
发布成功后,访问yourname.github.io看下成果
原文地址:http://hifor.net/2015/07/01/零基础免费搭建个人博客-hexo-github
零基础免费搭建个人博客-hexo+github的更多相关文章
- 搭建个人博客-hexo+github
自己也算是摸爬滚打搭建成功,然后自己再重新安装部署一遍,把完整步骤分享给大家,同时最后有一些连接,如果我的步骤不行,大家可以参考其他人的(这个有点花费时间,大家提前有个心理准备 - _-) 一.第一步 ...
- 免费搭建wordpress博客有感
之前一直有搭建个wordpress博客的想法,但一直没有实施.最近离职之后,空闲时间多了起来,就开始折腾wordpress博客起来. wordpress博客可玩性很高,但刚开始只想练练手,就没有想买域 ...
- 使用Jekyll + GitHub Pages免费搭建个人博客
使用Jekyll + GitHub Pages免费搭建个人博客 My Blog:无名の辈 | VectorX (vectorxxxx.github.io) Download Ruby:Download ...
- Hexo+Github/Coding免费搭建个人博客网站
体验更优排版请移步原文:http://blog.kwin.wang/other/hexo-github-build-blog.html 很早之前就想搭建一个属于自己的博客网站,一方面是给自己做笔记,把 ...
- github搭建个人博客 hexo框架 next主题
之前就想搭建自己的博客,现在终于得以实施. 参考了多篇博客,然后又在虚拟机了往往复复试了好多次, 现在基本搭建完毕. 我是基于hexo博客框架, next主题搭建的博客, 静态网页. 大体就是, ...
- GitHub Pages + Hexo搭建个人博客网站-github风格-采坑记录
目录 1.本机安装nodejs 2.github上创建仓库 3.安装hexo 4.hexo主题 5.配置主题 6.添加文章 7.使用分类和标签 8.增加文章目录 9.推送github 使用github ...
- 博客Hexo + github pages + 阿里云绑定域名搭建个人博客
申请域名 万网购买的域名,地址:https://wanwang.aliyun.com/domain/com?spm=5176.8142029.388261.137.LoKzy7 控制台进行解析 控制台 ...
- Hexo+Git一个小时快速搭建个人博客
搭建本地环境:Hexo框架 Hexo为何物 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用Markdown解析文章,并瞬间利用靓丽的主题生成静态网页.其中,Markdown是一个用于将普通 ...
- HEXO与Github.io搭建个人博客
HEXO与Github.io搭建个人博客 HEXO搭建 HEXO是基于Node.JS的一款简单快速的博客框架,能够支持多线程,支持markdown,可以将生成的静态网页发布到github.io以 ...
随机推荐
- python一些小知识点is和编码
dic = { "name":["alex", "wusir", "taibai"], 'py9':{ "ti ...
- 洛谷 题解 P1196 【[NOI2002]银河英雄传说】
并查集大难题. 看了题解之后才有思路,调了很久很久才AC,当然要写一篇题解来纪念一下. 先来分析一下这些指令的特点,很容易发现对于每个M指令,只可能一次移动整个队列,并且是把两个队列首尾相接合并成一个 ...
- HDFS 读/写数据流程
1. HDFS 写数据流程 客户端通过 Distributed FileSystem 模块向 NameNode 请求上传文件, NameNode 检查目标文件是否已存在,父目录是否存在: NameNo ...
- 《鸟哥的Linux私房菜:服务器搭建篇》第一部分学习笔记
零.问题集 1. 我们购买网络时,有4M.5M.8M.10M乃至100M,运营商是如何控制每个用户的带宽的? 一.网络基础概念 1. 交换器与集线器最大的差异,在于交换器内有一个特别的内存, 这个内存 ...
- SQLite进阶-17.视图
目录 视图(View) 操作视图 更新视图 删除视图 查看所有的视图 视图(View) 视图是一个预定义的SQLite查询的形式存在的表的组合. 可以包含一个表的所有行或从一个或多个表选定行.可以从一 ...
- Asp.net core 学习笔记 QR code and Barcode
QR code 和 Barcode 经常会使用到. Java 阵营有著名的 zxing https://github.com/zxing/zxing .Net 有对接它的 port https://g ...
- 初学java4 循环的使用
for循环 for(初始条件;循环终止条件;循环结束后所执行代码){ 循环体 } while循环 while(循环终止条件){ 循环体 } do while循环 do{ }while(循环终止条件);
- [转载]torch参数:torch.backends.cudnn.benchmark的意义
[转载]torch参数:torch.backends.cudnn.benchmark的意义 来源:https://zhuanlan.zhihu.com/p/73711222 完整版请看原文,这里只截取 ...
- iOS 定义多个参数函数的写法
多个参数的写法 (方法的数据类型)函数名:(参数1数据类型)参数1的数值的名字 参数2的名字: (参数2数据类型) 参数2值的名字 …. ; 如 : 有三个参数 -(void)getdetailI ...
- Spark面试知识点-SparkSQL(1)
0.介绍: (1)Spark SQL的前身是Shark,即Hive on Spark, 1.SparkSQL特点: (1)支持多种数据源:Hive,RDD,Parquet,JSON,JDBC等. (2 ...