【个人博客搭建系列一】运用码云或者github来搭建自己的自定义博客网站

运用码云或者github来搭建自己的自定义博客网站

本文用到的工具有(点击进官网下载):
gitNode.js LTS版本 npm随之安装、hexo博客框架

一切安装完后
1、首先我们用管理员打开git命令行运行:
node -v
npm -v
分别检查node和npm的版本
在这里插入图片描述
2、使用淘宝镜像源下载cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、查看cnpm版本
cnpm -v
在这里插入图片描述
4、用cnpm安装hexo-cli
cnpm install -g hexo-cli
5、查看hexo版本
hexo -v
在这里插入图片描述
6、建立blog文件夹
mkdir blog(blog是文件名,如果过程中出了什么错误把这个文件夹删掉重新来就行,pwd命令可以查看当前文件夹路径)
7、在blog文件夹下安装hexo
hexo init(mac电脑中为 sudo hexo init )

8、查看该路径下生成了哪些东西
ls -l
9.启动博客,此功能以后可以作为预览用
hexo s
可以从localhost:4000端口查看博客
在这里插入图片描述
10.进到source/_posts/文件夹下修改文章
cd source/_posts/
在这里插入图片描述
ls -l (此命令可以查看当前文件夹所有文件)
vim 文章名.md
11.vim 中
esc返回
i插入
:wq保存并退出
12.返回blog
cd …/…
执行清理操作:
hexo clean

接下来github和码云任选其一:
我们在github上建立一个新的库
库名只能是
“你的用户名.github.io”

在这里插入图片描述
我的github上个人博客为:
https://jilei000.github.io/

然后是码云上创建仓库:
仓库名为个人主页上的用户名
在这里插入图片描述
在这里插入图片描述
我的码云上的博客地址为:
http://giteejilei.gitee.io

13.安装git插件
cnpm install --save hexo-deployer-git
在这里插入图片描述
14.vim打开 _config.yml文件最下方修改配置(最关键一步!!)
下滑到最底部
按i进行插入操作
type: git
repo: github或者码云仓库地址
branch: master
(注意每个冒号右方都有空格)
在这里插入图片描述
github上地址:
在这里插入图片描述
码云上地址:
在这里插入图片描述
esc 返回
:wq确认并退出

15.设置自己的邮箱和用户名(此步骤和下面的步骤因为git版本原因有时需要互相调整)
git config --global user.email “you@example.com”
git config --global user.name “yourname”

16.部署到远端
hexo d

17.至此博客已经搭建好了可以直接用仓库名登陆了
我的为 jilei000.github.io 和 giteejilei.gitee.io

原始博客主题有点不尽如人意,这里简单介绍下怎么clone别人的主题,以yilia主题为例:
18.克隆别人的博客主题
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
themes下更换主题名
19.重新 清理下
hexo clean
20.重新生成
hexo g
21.重新开始
hexo s
22.更新
hexo d
然后重新访问下博客地址试试~

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值