记录第一次搭建个人博客

基础工作

1.安装Node.js和配置好Node.js环境,在cmd中命令中,成功界面如下:

-->node -v
v6.11.1
-->npm -v
6.9.0

2.安装git并配置git环境,安装成功的象征就是鼠标右键中出现GIT GUI Hrer和GIt Bash Here

3.在GitHub上创建库,库名必须是:账户名.github.io

4.安装Hexo

  1. 在电脑上新建一个blog文件夹,进入该目录下。
  2. 输入npm install hexo -g,开始安装Hexo
  3. 输入hexo v检查hexo是否安装成功
  4. 输入hexo init初始化该文件夹。这需要一段时间,当看到" Start blogging with Hexo!表明初始化成功。
  5. 输入npm install 安装需要的组件。
  6. 输入hexo s开启服务器。

5.将Hexo与Github page联系起来,这里需要先配置ssh,

6.配置Deployment,在其文件夹中,找到_config.yml文件,修改repo值

deploy:
  type: git
  repository: git@github.com:sjcnhlm/sjcnhlm.github.io.git
  branch: master

7.新建自己的博客,在cmd下输入exo new post “博客名”, 这时候在文件夹_posts目录下将会看到已经创建的文件。

在生成以及部署文章之前,需要安装一个扩展:
npm install hexo-deployer-git --save
使用编辑器编好文章,那么就可以使用命令:hexo d -g,生成以及部署了
部署成功后访问自己的地址:http://sjcnh.github.io。那么将看到生成的文章

进阶工作

之前的工作仅仅是搭建起来一个博客,还没有设置博客的界面,主题等。为了使自己的个人博客个性,我们需要对主题进行配置。

1.安装主题

可以在hexo官方网站,https://hexo.io/themes,找到自己喜欢的主题。然后克隆到themes/next,以next主题为例。
具体方法是在blog文件夹中鼠标右键,点击Git Base Here。输入命令:git clone https://github.com/iissnan/hexo-theme-next themes/next

2.启用主题

在站点目录中(blog),打开配置文件_config.yml,修改theme:next
这样的话就可以应用next主题。不过这是最原始的next主题,可以根据自己的喜好再去优化,这里不再赘述。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值