继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

2017年最新基于hexo搭建个人免费博客——从零开始(下篇)

cdu杨子皓
关注TA
已关注
手记 17
粉丝 30
获赞 350
前言

接着上一篇的讲

更换主题外观

next有三个主题样式

# Schemes
#scheme: Muse
scheme: Mist
#scheme: Pisces

我用的是第二个

更换语言为中文,在根目录配置文件下配置language: zh-Hans

# Site
title: Water Sister's Blog
subtitle: 生活、技术个人博客
description: 思考中.....
author: Yang ZiHao
language: zh-Hans
timezone:

添加网站小图标

在主题目录配置文件下设置

# Put your favicon.ico into `hexo-site/source/` directory.
favicon: /images/favicon.ico

大部分的设定都能在NexT的官方文档 里面找到,如侧栏、头像、打赏、评论、订阅、连接、分享、数据统计等等,在此就不多讲了,照着文档走就行了,接下只是个性定制的问题。
所以给个官方文档大家可以自己去看一遍:
http://theme-next.iissnan.com/theme-settings.html

部署发行项目

前言

假设前面已经注册了github帐号和创建了对应的仓库,通过配置SSH来建立连接。

生成SSH

$ ssh-keygen -t rsa -C "邮件地址@youremail.com"
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车>

系统会要求你输入密码,这里设置的密码主要是在你提交Git时弹出密码认证,不想输入直接回车

Enter passphrase (empty for no passphrase):<输入加密串>
Enter same passphrase again:<再次输入加密串>

成功后如图:
生成SSH

配置SSH

找到id_rsa.pub 并复制文件内容
id_rsa.pub文件一般位于电脑用户配置文件夹下的一个.ssh文件下C:\Users\你的用户名.ssh
登录Github并添加密钥
进入github首页在右上角选择settings设置。
生成SSH
创建一个新的SSH key,图中显示我已经创建好了。
title可以随便取
生成SSH

测试通过git bash链接到Git

链接Git

$ ssh -T git@github.com

提示如下:yes

The authenticity of host 'github.com (207.65.227.44)' can't be established.
RSA key fingerprint is 16:27:42:18:60:1d:7b:13:d2:b5:c4:20:7e:56:86:d8:71:f3
Are you sure you want to continue connecting (yes/no)?

以下为成功链接到Git

Hi XXXX! You've successfully authenticated, but GitHub does not provide shell access.

使用Git bash简单的设置一下用户信息:

git config --global user.name your name
git config --global user.email your_email@youremail.com

部署到Github

在此之前,先安装Git部署插件

npm install hexo-deployer-git --save

打开根目录配置文件,拉到底部,修改部署配置:

deploy:
  type: git
  repo:
    github: git@github.com:cduyzh/cduyzh.github.io.git,master  

注意冒号后面是网站对应的用户名,接着就是/,然后再是你的项目名加上 .git,master

保存后终端执行

hexo clean
hexo g
hexo d

结果如下为成功上传
部署到Github

总结

到这里基本上完成了hexo的配置和项目的上传,后面我会讲一些文章的编辑,分类,标签的运用,还会对next主题进行一些分析,如果想自己设置主题和样式建议先把next主题的官方中文文档看一下,我会对其中的一些进行解释。

打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP