使用Github搭建我的博客

1、安装Node.js并配置好Node.js环境。node

  自行下载傻瓜式安装配置git

  验证是否安装成功,cmd打开命令行输入github

node -v

  出现版本信息,则成功npm

2、安装git配置好环境服务器

  自行下载傻瓜式安装hexo

  验证是否安装成功,cmd打开命令行输入ssh

git --version

  出现版本信息,则成功scrapy

3、Github帐户新建项目,项目要遵照格式:帐户名.github.io,勾选Initialize this repository with a README编辑器

  在创建好的项目右侧有settings按钮,点击它,向下拉到GitHub Pages,会发现有一个网址,该网址就是用于公网访问的地址。post

  假若创建工程时没有选中Initialize this repository with a README,则不会出现这个网址。

4、安装Hexo,本身随意选中新建一个文件夹。

  经过命令安装Hexo

npm install hexo -g

  输入hexo -v,检查hexo是否安装成功

  输入hexo init,初始化该文件夹,当看到Start blogging with Hexo则代表成功了。

  输入npm install,安装所需组件

6、使用

  输入hexo g,启动Hexo

  输入hexo s,开启服务器,访问该网址,正式体验Hexo。默认端口是4000,假若提示端口被占,则使用命令hexo server -p 5000

7、将Hexo与Github page联系起来,设置Git的user name和email

  在安装blog的文件夹中鼠标右键点击Git Base Here。配置本身的用户名和邮箱

  

git config --global user.name "Github创建仓库的名字"
git config --global user.email "注册Github绑定的邮箱"

8、配置免密登陆

  

输入ssh-keygen -t rsa -C "邮箱",连续回车便可生成秘钥,最后获得两个文件:id_rsa和id_rsa.pub(默认存储路径:c:\User\用户\.ssh).
输入eval "$(ssh-agent -s)",添加秘钥到ssh-agent
再输入ssh-add ~/.ssh/id_rsa,添加生成的ssh key到ssh-agent

9、添加秘钥到GitHub

  登陆Github,点击头像下的settings,添加ssh and GPG keys

  新建一个new ssh key,将id_rsa.pub文件里的内容复制上去。

  在命令行输入ssh -T git@github.com,测试添加ssh是否成功。

10、配置Deployment,在其文件夹中,找到_config.yml文件,修改repository值。

  这是个人修改案例

deploy:
  type: git
  repository: https://github.com/buxianghua/buxianghua.github.io.git  #值在github项目中的clone or download
  branch: master

11、新建一篇博客

  在cmd命令:hexo new post "博客名"

  创建成功后,在文件夹_post目录下将会看到已经建立的文件

  在生成并部署文章前,须要安装一个扩展:npm install hexo-deployer-git --save

  使用编辑器编辑好文章后,使用命令:hexo d -g,生成以及部署

---
title: scrapy
date: 2019-10-13 14:13:29
tags: This is a blog.  #必定要有空格
---

12、更改主题

  在github上搜索:hexo-theme

  上面有各类各样的主题,选择本身喜欢的主题git到安装目录的theme文件夹下。#也可使用本地下载,再解压到theme.

git clone 地址

  再修改安装目录下的_config.yml

 

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia  #将其改成下载后的文件夹名

  进行从新编译启动

hexo g -d

 自此就成功了。。。

hexo s  #本地测试

那里出了问题,多半是命令配置错误,从新搞一下就行了。。。  

还有本身对页面不满意的能够自行DIY!!!

相关文章
相关标签/搜索