SEO技术

SEO技术

Products

当前位置:首页 > SEO技术 >

如何搭建个人博客:技术指南与实践步骤

96SEO 2025-04-24 08:31 9



前言

搭建个人博客。程过的得心享分、活生录,其实就是一个自我展示、记录生活、分享心得的过程。

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

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

个人博客的好处

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

步骤

文中步骤按照的博客搭建

安装Node.js

官网:[头条不让发]建议下载稳定版

全部默认下一步进行安装

安装后打开命令提示符输入: node -v:显示安装的版本、npm -v:显示安装的npm版本

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

使用hexo搭建个人博客选装ss:国内使用npm会很慢 解决方法:改用淘宝镜像

-g cnpm --=https://.npm.. set https://.npm..org

安装:

cnpm -sass --save

Git和

安装VS Code

安装git可设置VS Code为默认编辑器而且功能强大

官网:[头条不让发]

选择好安装位置和添加桌面快捷方式其他默认就好

设置中文:打开VS Code ;按快捷键“Ctrl+Shift+P”后在顶部会出现一个搜索框输入 Pack for Code;点击进行安装;重启。

安装git

官网:[头条不让发]

安装时:

安装组件时最后一个不选

选择默认编辑器时若安装了VS Code则选择VS Code为默认编辑器为安装则默认

其他界面均为默认

安装完成后打开 Git Bash终端里输入 git -- 查看 git 版本

官网:[头条不让发]

打开网站直接注册就行,如果看不懂打开浏览器翻译

注册后登录点击右上角的+ -> New 新建仓库

仓库名称 你的用户名..io 用户名是英文;点击 。

安装Hexo

官网:[头条不让发]

官方文档:[头条不让发]

在终端中输入以下命令:

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

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

例:

cdc:\boke

接下来输入:

你的名字..io

进入你博客的文件夹:

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

之后在浏览器地址栏输入:4000就可以看到初始本地网页了

按Ctrl + C 中断服务器运行

至此,基础模板搭建完成

使用主题

我使用的是的yun主题具体可参考使用指南 [头条不让发]

编辑 Hexo 配置

生成静态文件

配置完主题,就该放到线上了

生成静态文件

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

与远程仓库关联

接下来我们将本地的仓库与此前在 上建立的仓库建立关联。

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

部署

为了更方便的部署到 Pages,Hexo 提供了 插件。

安装插件:

在 _.yml中配置。

: type: git repo: 你此前新建的仓库的链接 # 比如:https://.com//..io : # 默认使用 分支 : Hexo # 你可以自定义此次部署更新的说明

保存,部署!

第一次部署需要输入自己用户名和密码

等待完成后,打开网址 就能看到你的线上网站了。

至此你的博客也就完成了

FAQ

头条外链不让添加太多

欢迎来到我的个人博客,希望这里能成为你记录生活、分享心得的好地方。

标签:

提交需求或反馈

Demand feedback