小白的博客部署
第一种方法:hexo+github pages
首先,本人是通过B站up CodeSheep于2019年发布的视频https://b23.tv/qsXGm8E开始入手搭建的,虽然视频时间久远,但操作大致没有变化,如果你是零基础且想要学习搭建个人博客,我觉得他的视频是值得一看的。话不多说,让我们先看一下他(Mac)的操作步骤,再结合弹幕大佬的指引,最后再与我的进行对比,从而看出一些新手易犯的错误:
| 步骤 | Windows(管理员打开cmd) | Mac(item2) |
| #安装Node.js(需要翻墙) | ||
| 查看node版本 | node -v | node -v |
| 安装淘宝的cnpm 管理器 | 有人反映最新淘宝镜像变了1 | npm install -g cnpm --registry=http://registry.npm.taobao.org |
| 查看cnpm版本 | cnpm -v | cnpm -v |
| 安装hexo框架 | cnpm install -g hexo-cli(更改默认地址的话就用npm) | cnpm install -g hexo-cli |
| 查看hexo版本 | hexo -v | hexo -v |
| 创建blog目录 | md blog(拒绝访问则是非管理员) | mkdir blog |
| 进入blog目录 | cd blog | cd blog |
| 生成博客 初始化博客 | hexo init | sudo hexo init |
| 启动本地博客服务 | hexo server | hexo s |
| 本地访问地址 | http://localhost:4000/ | http://localhost:4000/ |
| 关闭本地博客 | Ctrl+C | Ctrl+C |
| 创建新的文章 | hexo n "我的第一篇文章" | hexo n "我的第一篇文章" |
| 编辑文章内容 | 可以直接用记事本打开md文件编辑 | vim |
| 返回blog目录 | cd ../..(退两层) | cd ..(退一层) |
| 清理 | hexo clean(清理旧文件防止干扰) | hexo c |
| 生成 | hexo generate | hexo 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 | 详细操作见脚注2 | vim _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: yilia | theme: yilia |
| 重复上述清理,生成两步 | ||
| 部署到远程Github仓库 | hexo deploy | hexo 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 | github | |
| 平台性质 | 是一个内容管理系统(CMS),专门为博客和网站设计,提供了一个用户友好的界面和大量的插件、主题来增强网站的功能 | 是一个基于 Git 的版本控制和协作平台,主要用于代码托管。通过使用 GitHub Pages 功能,你可以部署静态网站,包括博客 |
| 技术要求 | 用户不需要有编程知识,可以通过 WordPress 后台界面轻松管理内容 | 需要一定的编程和命令行操作知识,因为 GitHub Pages 主要用于托管静态网站,通常需要用户自己编写 HTML、CSS 和 JavaScript |
| 托管和维护 | 需要选择一个托管服务提供商,如 Bluehost、SiteGround 等,并且可能需要定期更新 WordPress 核心、插件和主题 | 托管在 GitHub 上,不需要额外的托管费用,但需要用户自己管理代码和网站内容 |
| 扩展性和定制性 | 通过插件和主题可以高度定制网站的外观和功能,但过多的插件可能会影响网站性能 | 提供更大的自由度来定制网站,但需要用户自己编写代码,适合有一定技术背景的用户 |
| 安全性 | 由于其流行度,可能会成为黑客攻击的目标,需要用户采取额外的安全措施,如使用强密码、定期更新和安装安全插件 | 由于是静态网站,通常更安全,但仍然需要用户注意代码安全和依赖库的更新 |
| 成本 | 除了托管费用外,还可能需要购买域名、插件和主题的许可 | 对于个人和小团队来说,GitHub Pages 是免费的,但如果你的网站流量很大,可能需要考虑使用更高级的托管服务 |
| SEO 和性能 | 虽然 WordPress 本身对 SEO 友好,但过多的插件和主题可能会影响加载速度 | 静态网站通常加载速度快,对 SEO 友好,但需要用户自己优化网站结构和内容 |
| 社区和支持 | 有一个庞大的社区和大量的文档、教程,适合初学者 | 也有一个活跃的社区,但更多侧重于代码和开发 |
- 最新的淘宝镜像地址变了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 ↩︎ - 用记事本打开_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 |
Comments NOTHING