迈出第一步,Hexo博客搭建

很早之前看到别人的博客就总想着自己之后也要搭一个,最近突然来了干劲,就开始搭起了博客。不过搭博客还真是一个累活,失败了不下十次,用了好几天的时间,感觉自己在浪费时间,但是看到现在博客终于能用了,非常开心!这里将通过这篇文章来记录搭建过程。

环境及准备

 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/

转载于:https://www.cnblogs.com/csu-lmw/p/9471386.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值