搭建属于自己的私人博客

工具安装

1、安装 git

git(版本控制工具)

链接：https://pan.baidu.com/s/19V8BH4kO9h6eVNFhMzAU4w
提取码：chgo

1.1 选择 next

1.2 选择安装路径

1.3 默认即可

1.4 安装完成后，在任意地方右键即可看见

1.5 选择Git Bash Here

一个类似于 Linux 的终端

2、安装 Typora

typora(md文件编辑器)

链接：https://pan.baidu.com/s/1jQRZll7yCpMEclnVrQWq2g
提取码：plm9

安装过程不再赘述

需要学习 markdown 语法

3、安装 node.js

node.js(必备)

链接：https://pan.baidu.com/s/1ivgZqnoLOr0m1trfzRIJyQ
提取码：ohy0

一路默认安装即可，可根据个人喜好修改默认的安装路径

在任意处打开 git 或者 cmd ，检查安装是否成功

#检查 node.js
node -v
#检查 npm
npm -v

4、安装 cnpm

win+R 输入 cmd，进入 cmd 面板，输入以下命令，等待安装完成：

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

检查 cnpm 是否安装成功

cnpm -v

博客安装操作

1、博客安装

使用 cnpm 安装 hexo 博客

以管理员方式打开cmd，输入以下内容，并等待安装成功：

cnpm install -g hexo-cli

输入以下内容，验证是否安装成功

hexo -v

2、博客初始化

根据个人喜好，在任意盘符新建文件夹并任意命名，我这里命名为 chenyi
进入这个文件夹，右键打开 GitBash
输入以下命令，初始化博客，等待下载完成：

 hexo init

3、运行博客

在博客文件夹的根目录右键打开 GitBash

输入以下命令：

hexo s

在浏览器输入localhost:4000查看

4、hexo常用命令

以下命令均是在 hexo 博客所在文件夹的根目录打开 GitBash输入

本地启动博客，启动完成后可在浏览器预览
```
hexo s
#ctrl+c 停止
```
新建博客文章
```
hexo new "标题"
```

执行完新建文章命令后，查看其地址并用 typora 打开

输入内容后保存，再次运行博客，在浏览器刷新查看

清除博客缓存

#一般在切换博客主题，或者博客效果与预期不一致时执行该命令
hexo clean

将 md 文件生成静态页面

#一般在使用 hexo clean 命令后使用
hexo g

部署博客

1、打开码云

登录码云

没有账号的先注册

2、新建仓库

记录上图的仓库地址

3、安装 git 插件

在博客根目录下右键 GitBash 打开，输入以下内容，等待下载完成

cnpm install --save hexo-deployer-git

4、设置远程仓库

打开 _config.yml

设置 url

设置仓库地址

deploy:type: gitrepo: https://gitee.com/chenyi1109/test1   注:这是仓库地址branch: master

这个代码块在文件最后

5、部署到远端

在博客根目录下右键 GitBash 打开，输入以下内容：

hexo d

#设置你登陆码云的邮箱账号
git config --global user.email "@.com"   自己设置

#设置你登陆码云的名字
git config --global user.name "自己填"

输入完成后，再次输入

hexo d

此时会弹出弹窗，输入码云的账号和密码即可

INFO Deploy done: git表示推送成功

6、开启静态页面服务

进入码云新建的仓库，开启 Gitee Pages

博客流程

1、写博客

执行 hexo new “名字”，hexo 创建该 md 文件，使用 typora 编辑并保存

2、清缓存&更新渲染

执行hexo clean清除缓存，

随后执行hexo g重新渲染静态页面

3、推送到码云

执行hexo d

4、更新码云的静态页面

5、重新访问网站

PicGo图床设置

写于2022年，由于Gitee外链禁止访问的原因，以下教程现在不能参考了！！！
有意愿的朋友可以参考这个链接：配置阿里云 OSS服务

1、插入图

hexo博客插入图片存在问题，现通过图床来解决插入图片问题

1.1、下载PicGo

下载PicGO并安装

链接：https://pan.baidu.com/s/1g9gs3M-nQ_1hkLZy1eFEag
提取码：pzfy

安装插件github-plus

1.2、配置图床仓库

登录码云，新建仓库，如下设置

生成 私人令牌

输入密码后保存生成的令牌

1.3、配置PicGo

上传图片测试，截图后选择 剪切板图片，查看软件返回结果

1.4、配置typora

进入 typora 选择->偏好设置->图像

验证结果为：

以后往 typora 中插入图片，图片会自动上传到 gitee 图床，并且图片地址自动改为图床地址

结束

在Gitee搭建属于自己的博客相关推荐

10分钟搭建一个免费个人博客网站
一个程序员怎么能不拥有自己的博客,本文让10分钟快速搭建部署好自己的博客准备工作有Gitee账号有安装git 会 markdown 编写文档 Node.js 版本 >= 8.6 博客采用V ...
个人博客，Springboot + Vue搭建属于自己的博客
个人博客看到别人搭建的自己的博客,想想自己的服务器买了很久也没怎么用过,于是就想搭建一个自己的博客,上传一些自己的学习笔记心得,一些笔记方便自己查看,项目是一个前后端分离的项目,后端springbo ...
技术人如何搭建自己的技术博客
上次有人留言说,技术博客是程序员的标配,但据我所知绝大部分技术同学到现在仍然没有自己的技术博客.原因有很多,有的是懒的写,有的是怕写不好,还有的是一直想憋个大招,幻想做到完美再发出来,结果一直胎死腹中 ...
hexo+githup搭建属于自己的博客
hexo+githup搭建属于自己的博客第一次搭建博客,遇到不少坑.CSDN.bing.谷歌.百度上都有大神的博客教授如何一步一步搭建属于自己的博客.不过我毕竟属于小白,文字有时给我的感受不是那么的 ...
使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】
欢迎关注我的专栏:<个人博客搭建:Hexo+Github Pages>,从搭建到美化一条龙,帮你解决 Hexo 常见问题! 推荐阅读:<Hexo 博客优化之博客美化系列(持续更新)& ...
教你如何使用hexo以及nginx、github搭建属于自己的博客（操心的妈妈级教学）
教你如何使用hexo以及nginx.github搭建属于自己的博客(妈妈级教学) ~~ 1.解释一下你要的服务器的效果以及对应的操作 ~~ 首先你要有自己的一台服务器,可以是云服务器,或者你可以用自己 ...
使用Github Pages和Hexo搭建自己的独立博客【超级详细的小白教程】
文章目录 ● 前言 ● 入门 ● 安装 Node.js ● 安装 Git • 检验Git是否安装成功 ● 安装Hexo • Hexo 初始化配置 ● 本地查看效果 ● 将博客部署到 Github Pa ...
怎么快速搭建属于自己的博客
前言博客平台那么多,还用创建自己的博客吗? 比如:新浪博客.网易博客.CSDN.CNBLOG等,太多的博客了. 可是有一天你还是想创建属于自己的博客,拥有自己的域名和空间. 那么怎么快速的创建属于 ...
程序员如何从0到1搭建自己的技术博客
记得刚毕业参加工作时,每天早上到公司后,都会逛逛博客园,看一下各位大牛前辈写的文章,也许是兴趣使然,当时就特别想搭建一个属于自己的独立的技术博客. 时间就是过的这么快,转眼间这么多年过去了,我的这个梦 ...

在Gitee搭建属于自己的博客