elementui搭建博客-使用Hugo+ElementUI搭建个人博客生成系统 Hugo开发

2023-08-27 0 8,240 百度已收录

程序员行业是一个终身学习的行业,新技术经常层出不穷。 我是一个喜欢学习、喜欢尝试新事物的人。 每当我想学习一项新技术时,我总是很难找到合适的入门教程。 于是我就萌生了自己写一个大班系统的想法:希望通过写一系列的文章来组织一个大班,帮助想要学习某项技术的朋友快速上手。

抱着这样的想法,我开始筹划搭建一个大班平台。 原来的个人博客系统是什么,我想做一个后台和前端分离的网站。 前端使用Go编译API,后端使用Vue编译页面。

使用vue+ElementUI构建的第一个版本如下:

写完第一个版本后,我仔细思考了一下。 如果我想写这个小类系统,我要做几件事:

编译API、进行前后端数据交互、编译Markdown编辑器、录制在线课程、做服务端渲染、做SEO优化

想到这里,这个开头就有点大了。 第一个对外发布的小班系统,我希望尽可能的简单elementui搭建博客,无论是写的还是说的,都不应该太复杂。 而且最重要的是希望更多的人能够听到我的大班体系,也就是说SEO一定要做好。

考虑到这个激励,我决定使用静态博客生成系统Hugo来完成基于我个人博客的小班系统的开发。

使用 Hugo 进行开发有几个优点:

不需要写Markdown编辑器,不需要使用数据库,可以根据本地md文件生成文章,课程数据都是md文件,维护成本低 什么是个人博客系统,可以获得很好的SEO不带SSR

但也有一些不好的地方:

静态网站,无数据交互,付费订阅等功能不容易做到

先不管他的3721是什么elementui搭建博客,先说一个版本。 所以我这样做了:

使用Hugo搭建个人博客,使用Notepad开源主题。 在Hugo Content中创建了一个课程部分,并为此部分添加了主页模板和阅读模板。

最后写下的疗效:

写完发在网上,把之前写的两个小教程放上来。

综上所述,我认为Hugo是一款非常好的静态网站生成工具,功能非常强大,编译速度也非常快,比同类型的Hexo落后几条街。

等以后有时间,我准备写一篇关于如何使用Hugo构建静态网站和开发自定义主题的小教程。 我希望更多的人可以使用这个用 Go 编写的优秀静态站点生成器。

Hugo 快速入门官方文档

最后但并非最不重要的

小班系统的第一个版本已经写好了,以后我们会继续写小班。 我希望能把我学到的和即将学到的分享出来,让更多的人享受到学习的乐趣。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 elementui elementui搭建博客-使用Hugo+ElementUI搭建个人博客生成系统 Hugo开发 https://www.wkzy.net/game/166040.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务