新世界的大门

ptd 发布于 2024-09-17 518 次阅读


小白的博客部署

第一种方法:hexo+github pages

首先,本人是通过B站up CodeSheep于2019年发布的视频https://b23.tv/qsXGm8E开始入手搭建的,虽然视频时间久远,但操作大致没有变化,如果你是零基础且想要学习搭建个人博客,我觉得他的视频是值得一看的。话不多说,让我们先看一下他(Mac)的操作步骤,再结合弹幕大佬的指引,最后再与我的进行对比,从而看出一些新手易犯的错误:

步骤Windows(管理员打开cmd)Mac(item2)
#安装Node.js(需要翻墙)
查看node版本node -vnode -v
安装淘宝的cnpm 管理器有人反映最新淘宝镜像变了1npm install -g cnpm --registry=http://registry.npm.taobao.org
查看cnpm版本cnpm -vcnpm -v
安装hexo框架cnpm install -g hexo-cli(更改默认地址的话就用npm)cnpm install -g hexo-cli
查看hexo版本hexo -vhexo -v
创建blog目录md blog(拒绝访问则是非管理员)mkdir blog
进入blog目录cd blogcd blog
生成博客 初始化博客hexo initsudo hexo init
启动本地博客服务hexo serverhexo s
本地访问地址http://localhost:4000/http://localhost:4000/
关闭本地博客Ctrl+CCtrl+C
创建新的文章hexo n "我的第一篇文章"hexo n "我的第一篇文章"
编辑文章内容可以直接用记事本打开md文件编辑vim
返回blog目录cd ../..(退两层)cd ..(退一层)
清理hexo clean(清理旧文件防止干扰)hexo c
生成hexo generatehexo g
Github创建一个新的仓库命名格式:YourGithubName.github.io(希望阁下了解github,我这里就不详解了)YourGithubName.github.io
在blog目录下安装git部署插件npm install --save hexo-deployer-git--save(需要在取消ssl验证环境下操作)cnpm install --save hexo-deployer-git
配置_config.yml 详细操作见脚注2vim _config.yml
部署到Github仓库里hexo deploy(成功后会让你输入账号密码)hexo d
访问这个地址可以查看博客https://YourGithubName.github.io/(刚部署完需要等待时间)https://YourGithubName.github.io/
下载yilia主题到本地git clone  https://github.com/litten/hexo-theme-yilia.git themes/yilia(需要在取消ssl验证环境下操作)git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
修改hexo根目录下的 _config.yml 文件theme: yiliatheme: yilia
重复上述清理,生成两步
部署到远程Github仓库hexo deployhexo d
查看博客恭喜你完成所有步骤!!恭喜你完成所有步骤!!
其他:
查询文件目录dir “文件名”ls -l
执行命令后输出:changed 66 packages in 14s
59 packages are looking for funding
run npm fund for details
这是开发者像你讨钱罢了,不是命令运行失败了
win10 记得在 hexo d 之前敲
git config --global user.email "xxx"
git config --global user.name "xxx"
这是弹幕网友的提示,但我的步骤貌似不需要这样,我估计是因为我取消了ssl验证
已经部署在github上后,为什么需要在cmd中执行hexo server,才能打开博客确认你的仓库名称正确,并且是  YourGithubName.github.io 。
检查你的 Hexo 配置文件,确保部署设置正确。
确认你已经将更改推送到了正确的分支。
清除你的浏览器缓存,然后再次尝试访问你的站点。
等待一段时间,然后再次检查你的站点,以确保 GitHub Pages 有足够的时间来处理你的部署
在git bash上运行这些命令可以减少很多问题这个我尝试过了,但由于缺少相关知识,简单来说就是我太傻了,便放弃了
总的来说,这大致就是博客部署的全部步骤了,但我估计对于零基础的人来说,这仍需要一定的时间去学习搭建,但其实没必要担心操作失误,这个过程的容错成本还是很高的,大不了删掉文件重来罢了,并且相比于部署成功,在这个过程中学到的知识更重要,而且说一个热知识,写博客对于大学生未来面试可是加分项哦。之后关于该如何优化网站并发表博客就要靠自己去学习了(其实是因为本人已经放弃更新那个博客了),我选择了wordpress来写博客,以下详细介绍一下它们的区别;
wordpressgithub
平台性质是一个内容管理系统(CMS),专门为博客和网站设计,提供了一个用户友好的界面和大量的插件、主题来增强网站的功能是一个基于 Git 的版本控制和协作平台,主要用于代码托管。通过使用 GitHub Pages 功能,你可以部署静态网站,包括博客
技术要求用户不需要有编程知识,可以通过 WordPress 后台界面轻松管理内容需要一定的编程和命令行操作知识,因为 GitHub Pages 主要用于托管静态网站,通常需要用户自己编写 HTML、CSS 和 JavaScript
托管和维护需要选择一个托管服务提供商,如 Bluehost、SiteGround 等,并且可能需要定期更新 WordPress 核心、插件和主题托管在 GitHub 上,不需要额外的托管费用,但需要用户自己管理代码和网站内容
 扩展性和定制性通过插件和主题可以高度定制网站的外观和功能,但过多的插件可能会影响网站性能提供更大的自由度来定制网站,但需要用户自己编写代码,适合有一定技术背景的用户
安全性由于其流行度,可能会成为黑客攻击的目标,需要用户采取额外的安全措施,如使用强密码、定期更新和安装安全插件由于是静态网站,通常更安全,但仍然需要用户注意代码安全和依赖库的更新
成本除了托管费用外,还可能需要购买域名、插件和主题的许可对于个人和小团队来说,GitHub Pages 是免费的,但如果你的网站流量很大,可能需要考虑使用更高级的托管服务
SEO 和性能虽然 WordPress 本身对 SEO 友好,但过多的插件和主题可能会影响加载速度静态网站通常加载速度快,对 SEO 友好,但需要用户自己优化网站结构和内容
社区和支持有一个庞大的社区和大量的文档、教程,适合初学者也有一个活跃的社区,但更多侧重于代码和开发
  1. 最新的淘宝镜像地址变了https://registry.npmmirror.com
    新命令:npm config set registry https://registry.npmmirror.com
    把 npm 的默认 registry 地址更改为淘宝的镜像地址,效果和cnpm是一样的
    如果报错certificate has expired,可以尝试取消ssl验证:npm config set strict-ssl false
    注意:取消ssl验证需要在新命令之前,这会降低安全性,完成命令后需要重新启用:git config --global http.sslVerify true ↩︎
  2. 用记事本打开_config.yml文件,在最低部修改:
    type: git
    repo: https://github.com/YourGithubName/YourGithubName.github.io.git
    branch: master
    注意:冒号后面有空格 ↩︎
第二种方法:wordpress+彩虹云服务器(需要点money)

这是本人目前选择的方法,原因参考上述两种方法的区别,其实wordpress吸引我的主要还是Sakura主题。然后本次部署主要参考up主SteveSun七星https://www.bilibili.com/video/BV1ac411B7Li/?share_source=copy_web&vd_source=1cd629ae6494b168e511687496c65c69,主要步骤比起前一种方法实在是简单得不行,所以我就简单叙述一下,主要还是博客搭建和优化的过程值得注意:

步骤备注
购买域名那种后缀的都行,价格不一(都比较便宜),本人是在阿里云购买(实名认证需要时间)
购买云服务器这个需要考虑一下,国内大厂大多比较昂贵,但性能和稳定性肯定更好,本人选择的是彩虹云服务器,香港主机一年80rmb,且不需要备案,国内备案有点麻烦
下载wordpress
打开云服务器的控制面板在已开通产品里点前往控制面板
将wordpress压缩文件上传至在线文件管理器的wwwroot目录里,解压缩无解压缩密码
将wordpress文件反选剪切至wwwroot目录删除空文件夹和压缩文件
前往域名控制台的域名管理,添加解析记录主机记录:www
记录类型:CNAME
记录值:在云服务器的控制面板里找域名绑定
在控制面板中绑定域名,前往网页,填写个人信息和需要信息个人信息位于控制面板首页的右侧
game over
整个过程可以说是没有任何难点,下一篇文章本人会写我的网站建设优化过程。
此作者没有提供个人介绍。
最后更新于 2025-12-18