分享好友 最新动态首页 最新动态分类 切换频道
玩遍博客网站,我整理了全套的建站技术栈
2024-12-27 10:42

搭建博客网站是个人进入互联网世界的最常见方式之一。伴随着网站技术的发展,如何搭建博客网站已经变得非常容易了。当然,你可以选择诸如 新浪博客、CSDN、博客园 之类的大型网站,快速创建依赖于大平台的个人博客,不过这种方式的不足是言论受限太多、无法触及网站底层技术。所以,对于想要自由发挥创意、又期望对网站拥有更多主动权的话,最好还是选择自己去亲手搭建一个网站。

玩遍博客网站,我整理了全套的建站技术栈

本文来源:魚立说。本文链接:https://www.yulisay.com/d/kljqu.html,支持微信浏览器打开。

更多精彩文章,请移步 魚立说个人网站 翻看。欢迎欣赏,吐槽不足之处。


本主题将围绕博客网站的搭建流程、不同的博客搭建技术及其流行的风格主题展开,整个系列由以下三个文章部分组成

  • 当下流行的博客技术栈
  • Hexo 及其流行的风格主题(后更
  • Hugo 及其流行的风格主题(后更

快速搭建博客网站的一种基本思路是:利用 Hexo、Hugo 等技术生成静态网页,然后将这些网页部署到 GitHub Pages,后续的静态内容更新需要重新生成。也有另一种传统的基本思路是:搭建 Typecho、WordPress 等博客系统,通常会有前后端两套支撑系统。

下面就几种流行的搭站技术模式,进行了整理

Hexo 是基于 Node.js 技术栈开发的,是非常适合前端童鞋的一种建站选择。类似的开源博客平台,还有基于 Node.js 构建的 Ghost。关于 Hexo 的基础知识和风格主题,见本主题下一篇文章。

生成 Hexo 静态网页

安装 Hexo 运行环境,并初始化 Hexo 项目后,我们需要对 Hexo 进行全局配置,个性化你自己的博客,比如将配置 _config.yml 修改为

 

然后,创建若干文章后,执行 命令后,会在 public 文件夹中生成我们需要部署的静态网页。

部署到 Github Pages

你需要有一个 GitHub 账号,并新建一个 public 类型的 repository,直接命名为 <GitHub 用户名>.github.io。这里以我的 GitHub repository 为例,在该 repository 的 GitHub Settings 中进行如下配置

然后,将 public 文件夹中的资源推送到该 repository 中,等待一些时间后,便能通过 https://yulis-say.github.io 域名访问。

一键部署

为了便捷操作,你也可以使用 Hexo 的一键部署功能。首先,需要安装 hexo-deployer-git

npm install hexo-deployer-git --save

然后,在 _config.yml 中添加如下配置(如果有已存在的请删除

 

运行,将 public 目录中的文件和目录推送至远端仓库和分支中。查看 https://your-github.github.io 上的网页是否部署成功。

Hugo 是使用 Go 编写的快速而现代的静态站点生成器,是非常适合后端童鞋的一种建站选择。关于 Hugo 的基础知识和风格主题,见本主题后面的系列文章。

生成 Hugo 静态网页

安装 Hugo 运行环境,并初始化 Hugo 项目后,我们需要对 Hugo 进行全局配置,个性化你自己的博客,比如将配置 config.toml 修改为

 

然后,创建若干文章后,执行 命令后,会在 public 文件夹中生成我们需要部署的静态网页。

部署到 Github Pages

部署方式同 Hexo ,请见 “部署到 Github Pages” 部分,这里不再赘述。

Typecho、WordPress 等博客系统,更多的是基于传统的 HTML/CSS/JavaScript+PHP 语言开发的。类似的建站系统,还有 EmpireCMS、PHPCMS、DedeCms、Drupal、Z-Blog 等。

Typecho 快速建站

Typecho 是一个基于 PHP 的轻量级动态博客框架,在 LNMP 的基础上可以十分容易的搭建起来,并且具有良好的性能及可扩展性。

与大多数的博客程序相同,安装 Typecho 需要根据安装向导依次完成即可。将解压后的源码上传至服务器 web 目录,然后使用浏览器直接访问进行安装

安装完成后,进入后台按提示更改登录密码,访问浏览器就可以看到效果了,下面是 Typecho 的前台系统和后台系统

此外,Typecho 也有很多优秀的主题和插件可用,可以参考这个网站: https://typecho.me/。

WordPress 快速建站

WordPress 是一种使用 PHP 语言开发的博客平台,也可以当作一个内容管理系统(CMS)来使用。免费开源,在 GNU 通用公共许可证下授权发布。

由于 WordPress 的历史较长,很久以前就被很多站长、企业使用了,因此使用教程也很丰富,这里就不再啰嗦了。需要说明的是,博客类网站的设计大多相似,因此在使用其他技术建站的时候,可以吸取来自于 WordPress 的设计思路,以及它的众多优秀博客主题。

① 将 Hexo 部署到 GitHub Pages

② Configuring a publishing source for your GitHub Pages site

③ Typecho 官网

最新文章
高效关键词撰写指南,优化推广关键词策略全解析
本文提供高效率关键词撰写指南,从关键词研究、优化、分析和调整等方面,详细介绍如何优化推广关键词,提升搜索引擎排名,吸引更多潜在客户。通过掌握关键词撰写技巧,实现精准营销,提高企业品牌知名度。随着互联网的快速发展,企业纷纷投
中国外贸出口产品排名前十排行榜
在全球化的浪潮中,中国的外贸出口产品以其独特的魅力和卓越的品质赢得了世界的广泛认可。今天,带您走进中国外贸出口产品的世界,一起探索那些在榜单上名列前茅的璀璨明珠。作为全球知名的智能手机品牌,华为Mate系列手机凭借其卓越的性能
UAndroidTool刷机神器下载 v4.4.8 免费无限制破解版
UAndroidTool破解版是一款可以适配市面上大部分安卓手机型号的专业刷机软件,我们不仅可以使用UAndroidTool刷机神器来对手机进行一键刷机,更换自己喜欢的系统。同时这款软件还是救砖神器,能够解决刷机过程中不小心变成板砖的问题!UAndro
披萨上放菠萝很美味 如果不同意您就无法登录 WordPress.org
在生活中,很少有什么事情能比在比萨饼上放菠萝的谨慎性更能让人产生分歧。 但是,如果您认为热带水果在披萨上没有一席之地,那么您将不得不吞下一颗苦果--至少如果您想访问 WordPress.org 开发人员门户和论坛的话,会马上被拒之门外。本周
明星 | 游泳 | 跳水 | 排球 | 乒球 | 羽球 | 田径 | 体操 | 台球 | 冰雪 | 重竞技| 武术搏击 | 射击 | 水上 | 手曲棒垒 | 其他
郭晶晶不理情变传闻助阵大运会http://i0.sinaimg.cn/ty/732/2009/0701/U3984P6T732D1F20670DT20100813073128.jpg易建联亮相纽约篮球嘉年华接受新浪采访http://i0.sinaimg.cn/ty/732/2009/0701/U3984P6T732D1F20661DT20100813012415.jpg巴特
深圳百度爱采购代运营费用
百简谈:百度爱采购商品图片上传标准及建议,百度爱采购商品图片的质量,是增加商品曝光的决定性因素之一,因为图片是吸引买家点击的动力,我们在上传图片的时候一定要按照相关标准进行,下面来了解一下。首先优质商品照片的尺寸比例要求是
学术月•百师百课 | 数智化赋能编程实践与算法思维提升——信息技术市级公开课纪实
编者按日前,由福州市教育局、福州教育研究院主办,福州第三中学承办的“奠基未来:数智化背景下的教学创新”为主题的2024—2025学年市级教学开放周举行。本次市级公开周,开课教师们积极探索数智化赋能教学的路径,教学亮点频现,奠基未来
网站SEO排名提升秘诀,轻松掌握SEO优化全攻略
本攻略深入解析SEO优化技巧,涵盖关键词研究、内容优化、链接建设等多方面策略,助你轻松提升网站在搜索引擎中的排名,吸引更多流量。跟随指导,掌握高效SEO操作,让网站脱颖而出。随着互联网的不断发展,搜索引擎优化(SEO)已成为网站推
泉州最新搜救,技术升级与团队协作展现强大救援力量
泉州最新搜救行动展现技术升级与团队协作的救援力量。通过先进的搜救技术和设备,救援队伍迅速响应,展开全面搜索。团队协作密切,各部门协同作战,共同应对挑战。此次搜救行动充分展示了泉州救援力量的实力和专业性,为被困人员带来希望与
多久到账!中福彩科技APP是做刷单任务软件,被骗提现不了怎么办
中福彩科技APP是做刷单任务软件,被骗提现不了怎么办技术出嘿《溦:9836356》(一)希望阅读此文的读者能够及时采取措施以减少损失;请及时与团队联系提供解决方案(文章下面图片有咨询方式)若想追回损失资产,务必仔细阅读以下内容。【JFHHER
相关文章
推荐文章
发表评论
0评