前言

为什么搭建自己的个人博客

虽然现在市面上博客种类繁多，注册后可以直接在上面发表，用户交互也非常棒，写的文章也可以被各种搜索引擎搜索到，但是平台的各种限制以及烦人的广告最终让我萌生了搭建自己的个人博客的想法。4DI快乐收录网

个人博客的好处

0. 更自由、更独立
1. 个人博客可以按照自己的喜好设计、任意管理，不用担心平台限制和各种广告
2. 记录生活，反应成长
3. 学习新技能
4. 提升写作

步骤

文中步骤按照yunyoujun的博客搭建4DI快乐收录网

 4DI快乐收录网

安装Node.js

官网：[头条不让发]建议下载稳定版4DI快乐收录网

全部默认下一步进行安装4DI快乐收录网

安装后打开命令提示符输入： node -v：显示安装的nodejs版本、npm -v：显示安装的npm版本4DI快乐收录网

注:Node.js 安装成功也默认安装了npm，后续会用到 npm 是随 Node.js 一起被安装的包管理工具，你可以理解成 Node.js 自带的应用商店。4DI快乐收录网

使用hexo搭建个人博客选装hexohexo-renderer-sass：国内使用npm会很慢 解决方法：改用淘宝镜像4DI快乐收录网

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

再次安装：4DI快乐收录网

 cnpm install hexo-renderer-sass --save

Git和GitHub

安装VS Code（可省略）

安装git可设置VS Code为默认编辑器而且功能强大4DI快乐收录网

官网：[头条不让发]4DI快乐收录网

选择好安装位置和添加桌面快捷方式其他默认就好4DI快乐收录网

设置中文：打开VS Code ；按快捷键“Ctrl+Shift+P”后在顶部会出现一个搜索框输入Chinese (Simplified) Language Pack for Visual Studio Code；点击install进行安装；重启。4DI快乐收录网

安装git

官网：[头条不让发]4DI快乐收录网

安装时：4DI快乐收录网

安装组件时最后一个不选4DI快乐收录网

选择默认编辑器时若安装了VS Code则选择VS Code为默认编辑器为安装则默认4DI快乐收录网

其他界面均为默认4DI快乐收录网

安装完成后打开 Git Bash终端里输入 git --version 查看 git 版本4DI快乐收录网

GitHub

官网：[头条不让发]4DI快乐收录网

打开网站直接注册就行，如果看不懂打开浏览器翻译4DI快乐收录网

注册后登录GitHub点击右上角的+ -> New repository新建仓库4DI快乐收录网

 4DI快乐收录网

仓库名称 你的用户名.github.io 用户名是英文；点击Create repository。4DI快乐收录网

安装Hexo

官网：[头条不让发]4DI快乐收录网

官方文档:[头条不让发]4DI快乐收录网

在终端中输入以下命令：4DI快乐收录网

npm install hexo-cli -g
# 如果安装失败，可能是没有权限，可以尝试头部加上 sudo 重新执行
# sudo npm install hexo-cli -g

通过 cd 进入你本地电脑打算储存网站代码的目录4DI快乐收录网

例：4DI快乐收录网

cd c:boke

接下来输入：4DI快乐收录网

hexo init 你的名字.github.io

进入你博客的文件夹：4DI快乐收录网

# 进入你的博客文件夹
cd 你的名字.github.io
# 默认安装所有 `package.json` 文件中提到的包
npm install
# 你也可以缩写成 hexo s
hexo server

之后在浏览器地址栏输入localhost:4000 就可以看到初始本地网页了（此时你可以看到博客的默认主题）4DI快乐收录网

按Ctrl + C 中断服务器运行4DI快乐收录网

至此，基础模板搭建完成4DI快乐收录网

使用主题

略4DI快乐收录网

我使用的是yunyoujun的yun主题具体可参考使用指南 [头条不让发]4DI快乐收录网

编辑 Hexo 配置

略4DI快乐收录网

生成静态文件

配置完主题，就该放到线上了4DI快乐收录网

首先生成静态文件4DI快乐收录网

# 如果进行多次生成，为了避免受错误缓存影响，最好使用 hexo clean 先清除一遍。
hexo generate
# 缩写为 hexo g

与远程仓库关联

接下来我们将本地的仓库与此前在 GitHub 上建立的仓库建立关联。4DI快乐收录网

git init # 初始化 Git 仓库，只需要执行一次即可

部署

为了更方便的部署到 GitHub Pages，Hexo 提供了 hexo-deployer-git 插件。4DI快乐收录网

安装插件：4DI快乐收录网

npm install hexo-deployer-git

在 _config.yml 中配置。4DI快乐收录网

deploy:
  type: git
  repo: 你此前新建的仓库的链接 # 比如：	https://github.com/YunYouJun/yunyoujun.github.io
  branch: master # 默认使用 master 分支
  message: Update Hexo Static Content # 你可以自定义此次部署更新的说明

保存，部署！4DI快乐收录网

第一次部署需要输入自己GitHub用户名和密码4DI快乐收录网

hexo deploy

 4DI快乐收录网

等待完成后，打开网址 https://你的名字.github.io 就能看到你的线上网站了。4DI快乐收录网

至此你的博客也就完成了4DI快乐收录网

4DI快乐收录网

　　《建立博客的好处（教你搭建自己的个人博客）》更新于时间：2022-07-12 22:15:59；由本站小编进行发布，目前浏览的小伙伴达到，感谢你们的支持，后期快乐收录网小编会继续为大家更新更多相关的文章，希望广大网友多多关注快乐收录网工作心得栏目，如果觉得本站不错，那就给我们一个分享的支持吧！

建立博客的好处（教你搭建自己的个人博客）特别声明

本站快乐收录网提供的建立博客的好处（教你搭建自己的个人博客）都来源于网络，不保证文章的准确性和真实性，同时，对于该文章所造成的影响，不由快乐收录网实际控制，在2022-07-12 22:15:59收录时，该网页上的内容，都属于合规合法，如有侵权违规，可以直接联系网站管理员进行整改或删除，快乐收录网不承担任何责任。

快乐收录网：致力于优质、实用的网络站点资源收集与分享！本文地址：https://nav.klxjz.cn/zixundaquan/wzyh/202207/9996.html转载请注明

标签：