码迷,mamicode.com
首页 > 其他好文 > 详细

迈出第一步,Hexo博客搭建

时间:2018-08-13 22:33:02      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:top   钥匙   ast   use   账号   conf   htm   font   完成   

很早之前看到别人的博客就总想着自己之后也要搭一个,最近突然来了干劲,就开始搭起了博客。不过搭博客还真是一个累活,失败了不下十次,用了好几天的时间,感觉自己在浪费时间,但是看到现在博客终于能用了,非常开心!这里将通过这篇文章来记录搭建过程。
环境及准备
 windows、git、Node.js
 一、Git
1.1 安装git
下载后一路默认安装就行了。
1.2 配置Git
当安装完Git应该做的第一件事情就是设置用户名称和邮件地址。这样做很重要,因为每一个Git的提交都会使用这些信息

1 $ git config --global user.name "username"
2 $ git config --global user.email "username@example.com"

 

1.3 与github建立联系
为了能够在本地使用git管理github上的项目,需要进行一些配置,这里介绍SSH的方法。
 
检查电脑是否已经有SSH KEYS

1 $ ls -al ~/.ssh

 

默认情况下,public keys的文件名是以下的格式之一:id_dsa.pub、id_ecdsa.pub、id_ed25519.pub、id_rsa.pub。因此,如果列出的文件有public和private钥匙对(例如id_ras.pub和id_rsa),证明已存在SSH keys。
 如果没有SSH KEY,则生成SSH KEY

$ ssh-keygen -t rsa -C "your_email@example.com"

 

 在GitHub账户下添加SSH Key
首先,拷贝key:

1 clip < ~/.ssh/id_rsa.pub

 

再去注册一个github账号,如果有,直接登录,然后,在GitHub右上方点击头像,选择”Settings”,在右边的”Personal settings”侧边栏选择”SSH Keys”。接着粘贴key,点击”Add key”按钮。
 二、Hexo
2.1 hexo安装
Hexo的安装很简单。但在安装之前须检查电脑中是否已经安装了Node.js
下载链接 http://nodejs.org/
如果电脑中已经安装上述程序,那么下面只需一步便可安装hexo了,打开git bash,然后输入
1 npm install -g hexo-cli

2.2 使用hexo建站

安装完成后,自己新建一个文件夹,打开,右键打开git bash,输入以下指令:
1 $ hexo init

该命令会在目标文件夹内建立网站所需要的所有文件。接下来是安装依赖包:

1 $ npm install

这样,我们就已经搭建起本地的Hexo博客了。可以先执行以下命令(在对应文件夹下),然后再浏览器输入localhost:4000查看。

1 $ hexo s 

可以打开网页了吧?有没有很开心?但这个博客只是本地的,别人是浏览不了的,之后需要部署到GitHub上。

三、将博客部署到Github
### 3.1 新建对应仓库
在自己的GitHub账号下创建一个新的仓库,命名为username.github.io(username是你的账号名)。
### 3.2 开始部署
在上面所说的文件夹中,找到文件_config.yml,编辑该文件
默认的_config.yml:
1 # Deployment
2 ## Docs: http://hexo.io/docs/deployment.html
3 deploy:
4   type:

修改后的_config.yml:

1 deploy:
2   type: git
3   repo: git@github.com:username/username.github.io.git #username换成自己的用户名和仓库名,去掉括号
4   branch: master

为了能够使Hexo部署到GitHub上,需要安装一个插件:

1 $ npm install hexo-deployer-git --save

然后,执行以下命令

1 $ hexo generate
2 $ hexo deploy

之后,可以通过在浏览器键入:username.github.io进行浏览,开心吧~


本文首发于 itryagain.cn/

迈出第一步,Hexo博客搭建

标签:top   钥匙   ast   use   账号   conf   htm   font   完成   

原文地址:https://www.cnblogs.com/csu-lmw/p/9471386.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!