分享好友 最新动态首页 最新动态分类 切换频道
玩遍博客网站,我整理了全套的建站技术栈
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 官网

最新文章
百度蜘蛛池效果:揭秘蜘蛛池推广词,如何高效利用蜘蛛池提升关键词排名
百度蜘蛛池推广词助力关键词排名提升,通过高效利用蜘蛛池,可迅速提升网站权重,优化搜索引擎排名。本文揭秘蜘蛛池推广词的使用方法,教你如何发挥蜘蛛池最大效用,实现高效关键词推广。本文目录导读:什么是蜘蛛池推广词蜘蛛池推广词的特
推广宝
推广宝竞价排名传统seo推广费用每年固定费用,无额外点击费,成本可控,高性价比。按点击量收费,竞争激烈的词,单次点击费用可达数元甚至数百元,一个词单月就要消费数千元甚至上十万元。按词付费,价格根据词的热度来决定,难度高的词优
谷歌Jules:新一代AI代码助手重塑开发者工作流程
在技术迅速发展的今天,人工智能的应用已经深入各行各业,尤其是在软件开发领域。谷歌于2024年12月12日推出的AI代码助手——Jules,标志着AI在开发者工具中应用的新里程碑。Jules不仅能够帮助开发者快速修复代码错误,还能优化每个程序员的
揭秘马尾区百度推广优化之道,企业品牌影响力提升攻略
马尾区企业通过深入优化百度推广策略,有效提升品牌影响力。策略涵盖关键词精准定位、内容创意优化、数据分析与调整,实现精准触达目标受众,增强品牌曝光度和用户互动,助力企业在线上市场脱颖而出。随着互联网的快速发展,已经成为企业提
宁波市商务局最新发展规划,打造开放型经济新高地
宁波市商务局最新发展规划致力于打造开放型经济新高地,通过深化商贸流通领域改革,加强内外贸一体化建设,推动跨境电商等新业态发展,优化营商环境等措施,促进经济高质量发展。规划旨在提升宁波市的国际影响力和竞争力,推动形成全面开放
让ai智能写个拍摄脚本的软件:推荐列表与盘点指南
随着数字媒体时代的到来,影视创作逐渐迈向高效与智能化。人工智能()在影视制作领域的应用日益广泛其是自动生成拍摄脚本的软件,成为了多创作者的得力助手。本文将为您盘点一系列免费且好用的脚本编写工具,帮助您轻松打造具有创意的拍摄
用AI生成美女写真,轻松打造你的个性化形象!
在这个科学技术飞速发展的时代,AI生成图像的能力已经颠覆了传统的图像创作方式。家人们,有没有想过通过人工智能生成一张属于自己的逼真美女写真?不再需要专业的摄影师或复杂的后期制作,这一切都可以通过一些简单的工具轻松完成。本篇文
百度推广的几种方式
百度推广的几种方式主要包括:搜索推广、信息流推广和品牌广告推广。搜索推广通过关键词竞价和优化,使企业网站或产品信息在搜索结果中排名靠前,提高曝光率和点击率。信息流推广则是在百度平台上展示广告,根据用户行为和兴趣进行精准推送
美团外卖启动“恶意差评治理专项行动”:引入 AI 识别关键词,未来将预警风险用户
12 月 12 日消息,据美团外卖官方 12 月 10 日消息,美团外卖多部门近期联合行动,成立“恶意差评治理专项组”,从差评的识别、判责、申诉、预警等多个环节入手,搭建更透明高效的差评处理机制,帮助商家将精力更好地投入到线上经营本身,
贝加莱B&R触摸屏4PP065.0571-P74
贝加莱BR触摸屏4PP065.0571-P74,上海韦米机电设备有限公司主营供应产品,产品图片实物拍摄,原厂原装,质保一年,大量产品现货供应,价格优惠快速报价,联系人:雷青。欢迎咨询采购!贝加莱BR触摸屏物料号:4PP065.0571-P74描述:电源面板PP
相关文章
推荐文章
发表评论
0评