hexo+Gitee/GitHub搭建博客(window / mac os)

hexo + gitee/github博客搭建

介绍

以前我是在阿里云买的服务器,Centos 7.几版本,下载宝塔,然后下载Lnpm(好像是这个),然后用的wp(修改添加部分功能)搭建的博客。然后用的也比较少,另外服务器虽然不贵,每个月都要花钱,对于我这个穷学生来讲,还是很心疼。所以我就在我的window笔记本上搭建了hexo博客。hexo+github相比于hexo+gitee有点慢~

记录

最开始我是 hexo+github,但是感觉有点慢,就删除了,选择了gitee。

搭建过程

首先下载git和node.js(很重要,敲黑板!!!)
安装完之后,配置一下git
git config --global user.name ‘用户名称’
git config --global user.email ‘邮箱’
首先进入管理员模式dos(mac sudo su进入)
node -v #查看node版本
npm -v #查看npm版本
npm install -g cnpm --registry=http://registry.npm.taobao.org #安装淘宝的cnpm包管理器
cnpm -v #查看cnpm版本
cnpm install -g hexo-cli #安装hexo框架
hexo -v #查看hexo版本
然后进入到你要保存hexo文件的目录(可以提前创建好也可以使用命令)
进入dos/终端
hexo init(mac建议前面不要加sudo ) #生成博客 初始化博客
hexo s #启动本地博客服务
http://localhost:4000/ #本地访问地址
hexo n “我的第一篇文章” #创建新的文章
hexo clean #清理
hexo g #生成

#Github创建一个新的仓库 YourGithubName.github.io(注意github后面必须是github.io)
#gitee创建一个仓库名任意
cnpm install --save hexo-deployer-git #在blog目录(目录自己选择)下安装git部署插件
找到目录下的_config.yml(命令也行,在电脑文件里打开)
在最下面更改 repo: 后面填你仓库的地址可以去仓库复制
另外 :这个符号后面一个空格!!!

配置_config.yml

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
	type: git
	repo: https://github.com/YourGithubName/YourGithubName.github.io.git
	branch: master

hexo d#部署到Github仓库里 (第一次可能要输入账号密码)
https://YourGithubName.github.io/ #访问这个地址可以查看博客(github自带更新但是有点慢,可能是我网络原因)
如果是gitee 需要去仓库,服务,gitee pages里面部署一下,手动更新
另外,自己的浏览器可能会有缓存,改好了可能还是更以前一样,可以换个浏览器,或者清理一下缓存
自带的主题不好看可以下载其他的
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia #下载yilia主题到本地
#修改hexo根目录下的 _config.yml 文件 : theme: yilia
hexo c #清理一下
hexo g #生成
hexo d #部署到远程仓库

如果换电脑了

保存以下几个文件
在这里插入图片描述
新电脑首先初始化hexo,先不要hexo s,否则后面还要自己关闭端口号,端口会冲突,保留window以上几个文件(我是保留了这几个),然后替换掉,mac 目录里相同的文件,然后就可以了。

总结

如果认为页面不美观,可以去百度修改一些配置达到想要的效果。
补充:github可以自定义域名
gitee现在好像不支持自定义域名了
欢迎访问我的博客:https://mayi99.gitee.io/

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值