Hexo-github搭建个人博客一

Hexo+github搭建个人博客

一直想搭建个人博客来着,本来想用Python,Django在自己的服务器上自己搭建,忽然想起来,以前好像见过同学用过Hexo框架搭建个人博客,所以我就先用Hexo搭建看看。因为网上的教程或多或少有时候都有点参差不齐,自己也是看得脑壳疼,所以下面我简单把我这两天搭建出现的问题和方法,写成博客,就当自己练手吧。

1.环境的搭建 node.js git的安装

这些依赖环境的安装,相信网上别的CSDN博客都有,也肯定写得比我好,我就不献丑了-.-,下面是我觉得写的蛮好的


NodeJS的安装教程


Git 的安装教程


nodejs

git

以上是nodejs和git的安装成功截图

2.github的注册

emmm,相信这些那么应该都有了吧,我就不进行这些无聊的操作了,我就讲一下注册完后的操作吧。注册完后,你得创建一个存储库,名字就是你 username.github.io (username是你注册的名字)

emm

如上

3.Hexo的安装
  • 1.首先你要先进入git bash界面(应该桌面鼠标右键就有了,如果没有,你进入到开始菜单那里找到git,下面就有了)进入后的界面如下

git bash

  • 然后全局配置设置到淘宝源
npm config set registry https://registry.npm.taobao.org

registry

  • 全局设置 user.email 和user.name
git config --global user.email "your_emaill"
git config --global user.name "your_name"

这里的your_emailyour_name就是你注册github的邮箱和用户名,截图如下:

git config

  • 生成ssh密钥
cd ~/.ssh 
ssh-keygen -t rsa -C “your_email” #打自己的邮箱

ssh-key

  • 设置ssh key到GitHub 默认生成ssh key在C:\Users\username.ssh文件夹中,复制 id_rsa.pub文件到 github->settings->SSH and GPG key->new ssh key 如图

img

setting

img

img

img

  • 检查ssh设置是否成功
ssh -T git@github.com

check ssh

4.安装hexo插件
  • 输入以下代码
cd / #进入根目录,实际上就是git安装的根目录
pwd /
npm install hexo-cli -g #安装hexo

install hexo

  • 安装以后呢,你可以输入以下代码
cd /
hexo init Hexo #我认为就是创建了一个他的项目框架
cd Hexo #进入你创建的那个目录
npm install
hexo generate #(可简写成 hexo g)
hexo server #(可简写成 hexo s)

由于我懒得重新创了,我就用网上别人的截图

img

img

img

emmm,上面我之所以我输入hexo s -p 4005,相信聪明的人已经看出来了,因为默认4000被占用了,所以输入-p+端口号,后面这个-d相当于debug模式,基本不用管

  • 到现在为止你已经完成了hexo的基本配置,你可以输入下面那个本地网址进行查看 http://localhost:4000,相信你一定是下面这张图,如果不是打电话联系,咳,开玩笑,如果真的出错,emmmm,有机会联系

img

5.上传到自己的github
  • 首先安装部署到github插件依赖
npm install –save hexo-deployer-git

img

  • 打开你创建的项目下的配置文件(如果你跟着我做的话,应该是Hexo)

img

  • 然后修改其中的配置
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:lightfisher/lightfisher.github.io.git  #改成自己的用户名和用户名加域名
  branch: master
  • 然后在部署到你的github,用hexo deploy

hexo deploy可以简写成hexo d,代码我就不贴了

  • 这是最关键的,你可以登上自己的网址your_name.github.io,your_name是你的github用户名。你可能要等个十几分钟,才可以看见,下面是我自己的博客,可以来看下效果 lightfisher’s blog

finish





以上就是hexo+github的基本搭建,有空我会写,其他的配置,如,主题的配置,头像的设置,标签和分类的设置引用,第三发插件的设置等。

So,Just have fun…

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值