超赞的博客主题分享，值得一看
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">近期</span>在学习RAG、大模型等<span style="color: black;">行业</span>方面的技术，想在学习的过程中做总结性的输出，<span style="color: black;">因此呢</span>就想把自己之前弄的博客重新整理一番,<span style="color: black;">重点</span>有几个<span style="color: black;">原由</span>:</span></p><span style="color: black;">博客网页<span style="color: black;">没法</span>适配移动端(非常重要的一个特性)</span><span style="color: black;">主题有些腻了,想换个新主题</span><span style="color: black;">GitHub Pages <-> 博客 <-> <span style="color: black;">微X</span>公众号 整体链路的<span style="color: black;">文案</span>编写发布顺畅的诉求</span>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">后来，就基于自己的想法，整理的了要重新整理博客的<span style="color: black;">需要</span>，列了一个思维导图，如下图:</span></p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/9f1fe6e6700440f69c88950645f07111~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728086861&x-signature=elvjLSj1NNu%2BvYunsG79zOJrVyg%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">重点</span>从以下几个方面<span style="color: black;">思虑</span>：</span></p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">1.<span style="color: black;">基本</span>框架</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">肯定是基于<span style="color: black;">日前</span><span style="color: black;">已然</span>开放流行的博客框架进行改造,<span style="color: black;">这般</span>能够快速的搭建完成,<span style="color: black;">况且</span>无需<span style="color: black;">思虑</span>页面布局的<span style="color: black;">状况</span></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">这儿</span>列的大部分我都是用过</span></p><span style="color: black;">VuePress: Vue 驱动的静态网站生成器,在很早给Knife4j写开源的技术文档时就<span style="color: black;">运用</span>的这个</span><span style="color: black;">VitePress: 在Vite框架出来后,基于Vite生态下的静态网页生成器，是一个非常棒的组件，速度飞快，当这次我并<span style="color: black;">无</span><span style="color: black;">选取</span>这个。<span style="color: black;">原由</span>后面会说明</span><span style="color: black;">Hexo :快速、简洁且<span style="color: black;">有效</span>的博客框架,<span style="color: black;">亦</span>是很早的一个框架，主题样式非常的多，员外的网站就<span style="color: black;">运用</span>了这个框架</span><span style="color: black;">Docusaurus: 基于React技术栈的一个静态网站生成器，<span style="color: black;">一样</span>非常的优秀，<span style="color: black;">日前</span>Knife4j的开源技术文档用这个编写</span><span style="color: black;"> Jekyll : 基于Ruby语言编写的老牌博客框架，本期的主角</span>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">这儿</span><span style="color: black;">选取</span>Jekyll <span style="color: black;">重点</span><span style="color: black;">原由</span>有几个：</span></p><span style="color: black;">之前的博客<span style="color: black;">便是</span>用Jekyll 来写的，而迁移博客是一项比较繁杂的任务，不想浪费太多的时间</span><span style="color: black;">博客网站我觉得</span><strong style="color: blue;"><span style="color: black;">最重要的是在于作者的<span style="color: black;">保持</span>输出</span></strong><span style="color: black;">，主题只要功能满足<span style="color: black;">需求</span><span style="color: black;">就可</span>，不必追求太花哨的功能</span>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">2.首页内容</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">第二个方面<span style="color: black;">思虑</span>的<span style="color: black;">原因</span>是首页的内容，像VuePress和VitePress默认的首页内容其实是非常简洁的，我觉得更适合<span style="color: black;">制品</span>的展示，不适合博客，当然你<span style="color: black;">亦</span><span style="color: black;">能够</span>花时间改造，<span style="color: black;">或</span><span style="color: black;">选取</span>一个很棒的主题进行替换，<span style="color: black;">这儿</span>主要是时间<span style="color: black;">不足</span>，就<span style="color: black;">无</span><span style="color: black;">选取</span>这个，并非所<span style="color: black;">她们</span><span style="color: black;">欠好</span>。而我所<span style="color: black;">思虑</span>的是：</span></p><span style="color: black;">首页的内容要主题鲜明，<span style="color: black;">仔细</span>阐述<span style="color: black;">全部</span>站点内容</span><span style="color: black;">多篇<span style="color: black;">文案</span>则分页，博客必须<span style="color: black;">所有</span>在首页展示，不<span style="color: black;">转</span>到二级页面</span><span style="color: black;">尽可能多的展示内容，</span><strong style="color: blue;"><span style="color: black;">首页的资源是非常宝贵的</span></strong>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">以下<span style="color: black;">便是</span>该博客的首页，非常符合我的诉求</span></p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/0156904923034117a0356ab17521ab00~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728086861&x-signature=StXrGJImpOjTD4L9As8UUxSXVbM%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">3.基本功能</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">接下来<span style="color: black;">便是</span><span style="color: black;">思虑</span>博客框架一个<span style="color: black;">基本</span>的功能，<span style="color: black;">这儿</span>从个人的诉求，列了以下的<span style="color: black;">需求</span>：</span></p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">3.1适配移动端</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">移动端时代，这是一个非常重要的特性</span></strong><span style="color: black;">，有时候在发公众号<span style="color: black;">文案</span>时<span style="color: black;">能够</span>在底部配置原文链接，<span style="color: black;">针对</span>读者<span style="color: black;">来讲</span><span style="color: black;">能够</span>无差别阅读</span></p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/171238054b524208a8bb6266f659ca77~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728086861&x-signature=392SPk3SY95hkPJodIsuH495Wco%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">3.2站内搜索</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">能够</span><span style="color: black;">供给</span>站内搜索的功能，不管是构建本地博客索引还是<span style="color: black;">运用</span><span style="color: black;">外边</span>的实现，例如《Final.激活Knife4j官网的文档搜索功能》<span style="color: black;">说到</span>的algolia都是<span style="color: black;">能够</span>的</span></p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/ae28248ba8f141cf82abe5deb969e8c3~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728086861&x-signature=eI0SJroJWVHkv9fkqXMRsE7sIYA%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">3.3归档功能</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">不管是<span style="color: black;">归类</span>还是日期归档，都是必须的功能</span></p><span style="color: black;"><span style="color: black;">归类</span>归档：能够给读者一个快速索引，查看感兴趣的内容</span><span style="color: black;">日期归档: <span style="color: black;">按照</span>最新日期查看更新的篇幅,<span style="color: black;">同期</span><span style="color: black;">亦</span>是对作者的一个鞭策，非常实用</span>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/7d1350cefccb4fea9c162cb82bb1d662~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728086861&x-signature=v%2BKlunQMf6%2BymfZ4pJunMPi6iaU%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/f7dc75a6a3a6427ca66c619650648768~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728086861&x-signature=qhEXGIFTNE3XqoJNo%2BqY%2BQolrjI%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">3.4评论功能</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">评论算是一个个人诉求吧,并非强制，当然<span style="color: black;">倘若</span>有默认<span style="color: black;">供给</span>那更好，本站点基于giscus实现</span></p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/ebfcd1ff56e148f1b7a9a0117505fb9f~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728086861&x-signature=rZ6iyEYgXHIfvwn3lGHtxU3VHmw%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">3.5<span style="color: black;">文案</span>分享</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">快速分享到各大社交平台，非常实用的功能</span></p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/c6823a7c61ea4b3da627f6aae2755f72~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728086861&x-signature=dIqgGTH62AJJ2cXDOSk3q55HFWU%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">3.6站点统计</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">该功能我想<span style="color: black;">日前</span>各个框架都支持，<span style="color: black;">运用</span>百度统计<span style="color: black;">或</span>Google Analytics应该都非常方便</span></p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">3.7RSS</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">按照</span>个人<span style="color: black;">爱好</span><span style="color: black;">供给</span></span></p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/caa6e3b3329e47eda28a5cf211fa7e49~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728086861&x-signature=6VLdo4hs9tA2LchQEFPwkvYYstA%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">4. 博客大纲</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">个人的博客，我觉得整体的大纲内容不必太多，只需要关注写作内容<span style="color: black;">就可</span>，能够将写作内容能够快速的索引到并且给读者一个清晰的结构，就<span style="color: black;">能够</span>了</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">因此</span>我的博客大纲<span style="color: black;">重点</span>是四个： </span><strong style="color: blue;"><span style="color: black;">主页</span></strong><span style="color: black;">、</span><strong style="color: blue;"><span style="color: black;">标签</span></strong><span style="color: black;">、</span><strong style="color: blue;"><span style="color: black;">归档</span></strong><span style="color: black;">、</span><strong style="color: blue;"><span style="color: black;">关于</span></strong></p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">5.总结</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">本站的博客基于Jekyll的chirpy主题实现，该主题满足了博主的所有诉求，非常棒，<span style="color: black;">期盼</span>你<span style="color: black;">亦</span>能够<span style="color: black;">爱好</span>!!!</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本站源码：</p>https://github.com/xiaoymin/xiaoymin.github.io
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">博客首页：</p>https://www.xiaominfo.com/
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">主题<span style="color: black;">位置</span>: </p>https://github.com/cotes2020/jekyll-theme-chirpy
我完全同意你的看法，期待我们能深入探讨这个问题。 交流如星光璀璨，点亮思想夜空。 系统提示我验证码错误1500次 ＼~゛， 系统提示我验证码错误1500次 ＼~゛， 请问、你好、求解、谁知道等。 i免费外链发布平台 http://www.fok120.com/
页:
[1]