搭建个人博客边学边搭（一个晚上）

Posted 2021-06-28 Cop & Bridegroom

无聊简单搭建博客

博客链接
效果：按照流程下来就是这个界面，后边自己优化

在搭建好的博客中写第一篇博客

软件准备

• node.js
  

• git 版本控制，这个经常配合github使用
  

使用Git Bash Here

• github账号
  

• 使用github作为文件托管仓库

好处： 这样不用购买域名和服务器
坏处：github国内访问慢。搭建的博客有时候访问不了。
除非fq;

• 如果有上面这些软件下面搭建博客就很方便；
  效果图：

• NO.1
  建立一个本地文件夹

mkdir blog
或者直接建立

切换到新建的文件夹下

cd blog
直接 到blog目录下右键
点击Git Bash Here

• 切换到淘宝源安装hexo 框架

这是因为是使用国外的安装源，下载比较慢

npm install -g --registry=https://registry.npm.taobao.org

• 安装hexo 框架

cnpm install -g hexo-cli
# 查看版本
hexo -v

• 现在在新建的文件夹blog下

# 初始化博客
hexo init

# 启动博客
hexo s  # s 表示start

• 将博客部署到github上

1. 安装部署包

cnmp install --save hexo-deployer-git # 安装博客部署

2. 在github上建立一个public 仓库

3. 修改配置
   设置_config.yml
   直接使用记事本打开修改，或者使用vim命令

设置配置文件

deploy:
  type:  git
  repo:  http://github.com/jucway/jucway.github.io.git  # 后缀加上.git 
  branch:  master

​ branch:master

4. 部署

hexo d  # 部署到远端

5. Git 设置连接到你的github

输入github用户名和密码
git config --list # 查看配置

➢ 查看配置信息
如果已经初始化过,那么可以看到user.name 和user.email

git config --list 

➢ 更改用户名和邮箱

git config --global user.name "输入你的用户名"
git config --global user.email "输入你的邮箱"

➢ 如有异常
可以尝试:

git config --global --replace-all user.email "输入你的邮箱" 
git config --global --replace-all user.name "输入你的用户名"

➢ 重新查看配置
确认无误

git config --list

在浏览器输入设置的参考地址就可以访问默认的博客

使用美化的主题

下载主题

git clone https://github.com/litten/hexo-theme-yilia.git  theme/yilia 

设置

theme:  yilia

• 修改美化主题下的配置
  +
  这个配置文件可以修改很多自定义的东西；

最后一步：

hexo clean # 清空之前的部署
会将public文件内容全部删掉

hexo g # 生成

重新生成public文件
hexo d # 部署
将public 文件部署到github对应仓库上
如果遇到错误是连接超时，就多试几次,因为github有时候上不去
hexo clean
hexo g
hexo d

参考：程序羊B站视频

最终效果：

有时间学点js修改一下界面