在GitHub上使用Hexo搭建静态博客
搭建静态博客须要一个前提是电脑上有安装git而且有github帐号,这个不懂能够看廖雪峰先生的git教程
1、下载nodejs。在官网上能够下载
2、使用git进入你新建的一个目录,输入命令 npm install -g hexo
3、接着输入hexo init ~/hexo ,会建立一个初始化的文件夹。文件夹名为hexo。这时你要进入到根文件夹下的hexo文件夹,能够在git中输入命令 cd ~/hexo
在git中输入npm install
输入 hexo g 生成静态问津
输入 hexo s 会在本地预览你的博客,在浏览器中输入localhost:4000/就可以看到
4、将博客上传到github上,须要在github上新建一个库。假设你的github是https://github.com/username。那么你就须要建的库名是username.github.io
5、改动hexo目录下的_config.yml。尤其要注意格式,注意最后三行的缩进,repsitory须要填你的git库的地址(ssh格式的,不是https格式的)
# Deployment
## Docs:http://hexo.io/docs/deployment.html
deploy:
type: git
repository:git@github.com:fonxian/fonxian.github.io.git
branch: master
6、完毕yml的配置后输入命令
npm install hexo-deployer-git --save
再输入 hexo clean
输入hexo g
输入hexo d 就可以完毕
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" width="400" height="500">
7、当你须要改首页的一些内容的时候,就在本地的_config.yml中改,比方改title。改author这种值之后,输入命令hexo clean
hexo g 生成新的静态内容
hexo d 推送到git上
8、怎样与域名绑定?ping github.io得到ip地址,写到万网的域名解析中,然后在Github的库中新建一个CNAME。内容是要绑定的域名,由于每次hexo d 都会将github上的CNAME覆盖,所以最好的解决的方法是在hexo的source目录下新建一个CNAME,每次hexo d上传到github的时候。就会自己主动生成
9、改主页的目录,首先使用hexo new page"about" ,然后就会在source目录中找到about目录下的index.md,在index中编辑你想要加入的内容。然后在themes/{主题名}以下找到_config.yml,在menu以下加入
About:/about 。最后在hexo -g ,hexo -d。就完毕文件夹的加入
在GitHub上使用Hexo搭建静态博客的更多相关文章
- 使用github和hexo搭建静态博客
获得更多资料欢迎进入我的网站或者 csdn或者博客园 终于写这篇文章了,这是我使用github和hexo搭建博客的一些心得,希望能给大家一点帮助.少走点弯路.刚接触github,只是用来存项目的版本, ...
- Github Pages和Hexo创建静态博客网站
Github Pages和Hexo创建静态博客网站 安装Node.js 本人是window环境,所以下载window版. 下载地址:https://nodejs.org/en/download/ 下载 ...
- windows上使用mkdocs搭建静态博客
windows上使用mkdocs搭建静态博客 之前尝试过用HEXO搭建静态博客,最近发现有个叫mkdocs的开源项目也是搭建静态博客的好选择,而且它支持markdown格式,下面简要介绍一下mkdoc ...
- Hexo搭建静态博客踩坑日记(一)
前言 博客折腾一次就好, 找一个适合自己的博客平台, 专注于内容进行提升. 方式一: 自己买服务器, 域名, 写前端, 后端(前后分离最折腾, 不分离还好一点)... 方式二: 利用Hexo, Hug ...
- Hexo搭建静态博客踩坑日记(二)
前言 Hexo搭建静态博客踩坑日记(一), 我们说到利用Hexo快速搭建静态博客. 这节我们就来说一下主题的问题与主题的基本修改操作. 起步 chrome github hexo git node.j ...
- 在Github或Gitee上用hexo搭建个人博客
安装nodejs环境查看node版本node -v 安装cnpmnpm install cnpm -g --registry=https://registry.npm.taobao.org 安装 He ...
- hexo搭建静态博客
1. 环境环境 1.1 安装Git 请参考[1] 1.2 安装node.js 下载:http://nodejs.org/download/ 可以下载 node-v0.10.33-x64.msi 安装时 ...
- 利用GitHub Pages和Hexo搭建个人博客
本文首发地址: 非生异也 本项目源码托管在GitHub上 Why 阮一峰曾经说过:喜欢写Blog的人,会经历3个阶段. 第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现 ...
- github page 和 hexo 搭建在线博客
目录: 安装node.js与git 常用git命令 安装hexo 配置hexo hexo发布到github 1.安装node.js和git工具 https://nodejs.org/en/ 直接下载安 ...
随机推荐
- android开发一些小bug
1.一定要注意findViewId这种方法,尤其是含有多个同样的R.id的名字时,debug时不会当场报错.但随后会报空指针错误 2.List转换为Array能够这样处理: ArrayList< ...
- Android持久化保存cookie
在解析网页信息的时候,需要登录后才能访问,所以使用httpclient模拟登录,然后把cookie保存下来,以供下一次访问使用,这时就需要持久化cookie中的内容. 在之前先科普一下基础知识: 什么 ...
- 智课雅思词汇---十三、前缀ab-是什么意思
智课雅思词汇---十三.前缀ab-是什么意思 一.总结 一句话总结:分离,脱离;相反;加强意义 前缀:ab- [词根含义]:分离,脱离;相反;加强意义 [词根来源]:来源于拉丁语前缀ab-. [同源单 ...
- 不使用Store安装WSL
Windows Store经常会因为各种原因打不开, 这时候我们可以尝试直接下载安装WSL 1. PowerShell里运行下载: PS C:\WINDOWS\system32> Inv ...
- 请求测试——Fiddler2工具(可以测试POST和Get)
使用参考:http://jingyan.baidu.com/article/dca1fa6fa07000f1a44052f6.html 发送POST请求的时候,需要填写发送类型: 发送JSON格式填写 ...
- 用replaceState操作路由的方法封装
export class Router { ReplaceState(url, data) { var query = this.Generate(data); window.history.repl ...
- <改变imageView的颜色和状态栏>
1. import android.content.Context; import android.content.res.TypedArray; import android.support.ann ...
- Failed reading log event, reconnecting to retry
数据库版本:5.6.16 系统:CentOS 6.5 搭建数据库从库报错:160411 14:30:39 [Note] Slave I/O thread: Failed reading log eve ...
- VB入门在线视频教程大全学习
课程目录 9分钟47秒 课时1第一课:怎么编写程序 14分钟1秒 课时1第十七课第1节:文件读写的几种方式 14分钟14秒 课时2第二课:什么是变量和变量类型 19分钟24秒 课时3第三课:变量的声明 ...
- php语法学习:轻松看懂PHP语言
基础语法 开头结尾 PHP脚本以 "<?php " 开头以 "?>" 结尾 <!DOCTYPE html> <html>&l ...