使用github创建自己的博客

分享-Share

一、创建github项目

  • 创建仓库

    访问：https://github.com 注册账号并登陆

    登陆后创建新的仓库，如图：

    创建仓库

    输入地址

    我这里因为我已经创建了，会提示已经存在，你只需要在这里填上你自己的域名即可，必须以 github.io 结尾,前面写上自己的用户名。

    tips：可以同时创建readme，用于介绍项目，也可以不创建。

  • 相关设置

    进入setting

    setting

    发布

​ 看到这里就能访问域名了，但显示的是404，因为你还没有配置文件。这里介绍使用hexo创建博客。

二、配置ssh

1、按照如下命令创建ssh密钥对
1
2
3
4
5
6
7
8
9
10
cd ~/.ssh
ls
#此时会显示一些文件
mkdir key_backup
cp id_rsa* key_backup
rm id_rsa*  
#以上三步为备份和移除原来的SSH key设置
ssh-keygen -t rsa -C "邮件地址@youremail.com" #生成新的key文件,邮箱地址填你的Github地址
#Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>
#接下来会让你输入密码
2、添加SSH Key到Github

​ setting

​ ssh

​ newssh

​ copy

做到这一步就可以测试一下是否配置成功了:

1
2
ssh -T git@github.com
#之后会要你输入yes/no,输入yes就好了。

设置账号信息：

1
2
git config --global user.name "你的名字"     #真实名字不是github用户名
git config --global user.email "邮箱@邮箱.com"    #github邮箱

三、安装Hexo

​ 要使用Hexo,需要安装Nodejs以及Git

安装Node.js

​ 下载Node.js

​ 参考：安装Node.js

安装git

​ 下载git

安装Hexo

1
2
3
4
5
npm install hexo-cli -g   
hexo init #初始化网站   
npm install   
hexo g #生成或 hexo generate   
hexo s #启动本地服务器 或者 hexo server,这一步之后就可以通过http://localhost:4000  查看了

详细命令参考Hexo文档

1
2
hexo new "文章名" #新建文章
hexo new page "页面名" #新建页面

常用简写命令

1
2
3
4
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

新建一篇文章后就可以预览了,在hexo new之后执行一次生成hexo g再执行hexo s启动本地服务器,如果之前还在hexo s 按Ctrl + C 结束.

四、添加主题

安装主题

到官网等渠道选择主题，下载或clone到本地，放入theme文件夹下

启动主题

找到主目录_config.yml文件，打开并设置属性 theme: <你的主题名字>

theme

使用命令生成页面并发布

1
2
hexo g  # 生成
hexo s  # 本地访问

发布需要配置_config.yml文件

1
2
3
4
deploy:
    type: git
    repo: git@github.com:pcw1993/pcw1993.github.io.git  #这里的网址填你自己的
    branch: master

保存后需要提前安装一个扩展：

1
npm install hexo-deployer-git --save

发布：

1
hexo d  # 发布

访问域名即可看到已生成的博客页面