Hexo和Git搭建博客

#Hexo和Git搭建博客

本人预览地址传送带

##Git

$ cd ~/. ssh #检查本机已存在的ssh密钥

如果提示:No such file or directory 说明你是第一次使用git。

$ ssh-keygen -t rsa -C "邮件地址"

然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:

测试是否成功

$ ssh -T git@github.com     # 注意邮箱地址不用改

如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:

Hi RainyXY! You’ve successfully authenticated, but GitHub does not provide shell access.

看到这个信息说明SSH已配置成功!

$ git config --global user.name "RainyXY"         // 你的github用户名,非昵称
$ git config --global user.email  "xxx@qq.com"    // 填写你的github注册邮箱

##Hexo

安装

$ npm install -g hexo

初始化

在电脑的某个地方新建一个名为hexo的文件夹(名字可以随便取),比如我的是D:\Rainy,由于这个文件夹将来就作为你存放代码的地方,所以最好不要随便放。

$ cd /d/Rainy/

$ hexo init
hexo会自动下载一些文件到这个目录,包括node_modules,

$ hexo g # 生成

$ hexo s # 启动服务

	
	这里有必要提下Hexo常用的几个命令:
	
	hexo generate (hexo g) 生成静态文件,会在当前目录下生成一个新的叫做public的文件夹
	hexo server (hexo s) 启动本地web服务,用于博客的预览
	hexo deploy (hexo d) 部署播客到远端(比如github, heroku等平台)
	另外还有其他几个常用命令:
	
	$ hexo new "postName" #新建文章
	$ hexo new page "pageName" #新建页面
	常用简写
	
	$ hexo n == hexo new
	$ hexo g == hexo generate
	$ hexo s == hexo server
	$ hexo d == hexo deploy
	常用组合
	
	$ hexo d -g #生成部署
	$ hexo s -g #生成预览

打开浏览器,输入localhost:4000,就可以在本地看到你的个人博客了

管理博客

  • 配置信息

使用Sublime_Text编辑器(绿色软件无需安装,解压即可使用)打开blog/_config.yml文件,进行配置

  • 修改主题

既然默认主题很丑,那我们别的不做,首先来替换一个好看点的主题。这是 官方主题。

个人比较喜欢的2个主题:hexo-theme-jekyll 和 hexo-theme-yilia。

首先下载这个主题:

$ cd /d/blog/
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

修改_config.yml中的theme: landscape改为theme:yilia,然后重新执行hexo g来重新生成。

如果出现一些莫名其妙的问题,可以先执行hexo clean来清理一下public的内容,然后再来重新生成和发布。

上传之前
在上传代码到github之前,一定要记得先把你以前所有代码下载下来(虽然github有版本管理,但备份一下总是好的),因为从hexo提交代码时会把你以前的所有代码都删掉。

上传到github
如果你一切都配置好了,发布上传很容易,一句hexo d就搞定,当然关键还是你要把所有东西配置好。

首先,ssh key肯定要配置好。

其次,配置_config.yml中有关deploy的部分

	#博客名称
	title: 我的博客
	#副标题
	subtitle: 
	#简介
	description: 
	#博客作者
	author: Rainy
	#博客语言
	language: zh-CN
	#时区
	timezone:
	
	#博客地址,与申请的GitHub一致
	url: http://RainyXY.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
	  #RainyXY改为你的github用户名
	  repo:git@github.com:RainyXYRainyXY.github.io.git
	  branch: master
  • 上传之前

在上传代码到github之前,一定要记得先把你以前所有代码下载下来(虽然github有版本管理,但备份一下总是好的),因为从hexo提交代码时会把你以前的所有代码都删掉。

  • 上传到github

如果你一切都配置好了,发布上传很容易,一句hexo d就搞定,当然关键还是你要把所有东西配置好。

首先,ssh key肯定要配置好。

其次,配置_config.yml中有关deploy的部分:

	正确写法:
	
	deploy:
	  type: git
	  repository: git@github.com:liuxianan/liuxianan.github.io.git
	  branch: master
  • 发布博客

设置git身份信息

$ git config --global user.name "你的用户名"
$ git config --global user.email "你的邮箱"
  • 安装hexo git插件
 $ cnpm install hexo-deployer-git --save
  • 发布更新博客
$ hexo d -g

发布时需要输入github的帐号和密码,输入密码时是看不到自己输入的内容的

发布成功后,访问yourname.github.io看下成果

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值