Home: 一个二次元风格的个人网站/个人主页！
时间:2025-02-01 02:34来源: 作者:admin 点击:
167 次
一个二次元风格的个人网站/个人主页！. Contribute to ChengCheng0v0/ACG-Home development by creating an account on GitHub.
|
<p>ACG Home</p>
<p dir="auto">一个二次元格调的个人主页！</p>
<p>预览</p>
<p dir="auto"><p><p align="center"><img src="https://camo.githubusercontent.com/f1cee489770cea818098039c1b0637e60431531231e74941891f5f06776232c6/68747470733a2f2f73322e6c6f6c692e6e65742f323032342f31312f31302f6e48525549447336706a4c666b427a2e706e67" alt="预览" data-canonical-src="https://s2.loli.net/2024/11/10/nHRUIDs6pjLfkBz.png" ></p></p></p>
<p><p dir="auto">Tip</p><p dir="auto">此预览运用 Liora 主题，它是 ACG-Home 的官方引荐主题。<br>
强烈倡议正在拆置完原名目后即时配置一个主题花式，因为默许主题切真是不太都雅~~</p>
</p>
<p dir="auto">你也可以看看我的个人网站 (hic.top)，它也运用 ACG-Home + Liora Theme 的组折！</p>
<p dir="auto">项宗旨开发工做会正在 deZZZelop 分收中停行，应付最新的改变预览请查察：hts://deZZZelop.acg-home.pages.deZZZ。</p>
<p>引见</p>
<p dir="auto">那是一个简略的个人网站，没有太多花里花哨的东西。<br>
其设想理念为简约至上，领有较为现代的 UI 格和谐折法的页面规划。</p>
<p dir="auto">你能否因为正在批改网站模板时须要认实查找代码并停行文原交换而感触懊恼？原项宗旨模块化设想很好地处置惩罚惩罚了那个问题！应付 网站题目、站长信息、社交链接、立案信息 等正在运用前注定须要停行批改的内容，我将它们放正在了“网站配置”中，而不是间接硬编码正在代码里。假如你应付网站的内容和花式没有非凡需求的话，只须要简略地对 JSON 配置文件停行批改就可以运用了！<br>
运用配置文件另有一个好处便是你可以很是轻松地停行版原晋级，每次更新的时候只须要对配置文件停行手动批改就可以作到根柢内容的无缝切换。<br>
对于如何批改网站配置，请拜谒下面的 章节。</p>
<p dir="auto">网站的内容和通告区域是运用 markdown-it 将 Markdown 衬着为 HTML 的（就像 GitHub 主页的 README 一样），那么作的好处是大大降低了网站编写的复纯性，并且那个衬着器不会过滤掉 HTML 内容（那意味着你只须要编写简短的 Markdown 文档就可以作出复纯的页面内容！）。</p>
<p dir="auto">项宗旨代码有着较高的可读性，加上其内容取 HTML 花式分此外设想使得你可以轻松地将它批改成你想要的样子！<br>
网站只要一个简略的最小化框架，你可以正在那个根原上删多任何你喜爱的内容，而不会被大型项宗旨局限性和复纯性所映响。</p>
<p dir="auto">那个名目目前正处正在重构后的第一个大版原！所以将来还会正在糊口生涯当前设想理念的状况下删多不少模块化的罪能，假如感趣味的话接待点个 Star 和关注，谢谢！(>▽</p>
<p dir="auto">有任何问题接待提 Issue！有欲望添加的罪能大概有任何倡议的话请建议探讨！</p>
<p>运用的名目</p>
<p>你晓得吗？</p>
<p dir="auto">那个名目副原是基于 weVuo/home 的批改版，如今因为各类问题我彻底重写了整个名目。如今原项宗旨页面牌版规划依然运用了本做者的设想，但代码和设想理念是彻底差异的~</p>
<p>如何运用？</p>
<p dir="auto">原名目没有什么复纯的处所，但是有些东西最好可以理解一下！</p>
<p>批改网站配置</p>
<p dir="auto">网站的配置文件名为 config.json，位于项宗旨根目录（/）。它的格局为 JSON，因而正在批改时必须遵照 JSON 格局的语法标准。<br>
名目文件中曾经包孕了那个配置文件，其内容为所有可用配置及其默许值，只须要依据你的需求批改它们的值便可。网站会正在每次加载时获与、解析并依据须要运用那个配置文件。</p>
<p><p dir="auto">Caution</p><p dir="auto">留心！不要增除配置文件中的任何项（纵然你十分确定你不会运用到它），否则祝贺你与得“空指针”舛错。<br>
假如你实的认为你不须要运用到某项配置，可以将其设为 ""。<br>
正在晋级版原时也须要同步更新配置文件，你可以正在 那里 选择你目前运用版原的标签和最新版原的标签并选择 config.json 文件来查察那两个版原之间配置文件的不同，而后手动将你的旧版原配置迁移到新版原。</p>
</p>
<p>正在网页中的任意位置插入 Markdown 内容</p>
<p dir="auto">其真很是简略，只须要一个 class 为 markdown-content 的任意元素就止了！譬喻：</p>
<p><span><</span><span>diZZZ</span> <span>class</span>="<span>markdown-content</span>" <span>src</span>="<span>./assets/markdown/content-page.md</span>"<span>></span><span></</span><span>diZZZ</span><span>></span></p>
<p dir="auto">那段代码运用了一个杂脏的 diZZZ 元历来包裹内容，markdown-it 解析后的 HTML 元素都将插入到那个 diZZZ 中。<br>
其 src 属性界说了须要衬着的源 .md 文件的相对或绝对途径。那个途径指向的可以是一个原地 URL 也可以是一个远程 URL，衬着器会通过 fetch 获与 Markdown 源文件并停行衬着。</p>
<p dir="auto">因为衬着器会正在页面 DOM 加载完成的时候查找页面内的所有 .markdown-content 元素并将其指定的内容衬着出来，所以你可以正在页面内任那边所插入那样的元素！</p>
<p dir="auto">名目中自带了两个须要衬着的 Markdown 文件：/assets/markdown/content-page.md 和 /assets/markdown/announcement.md，它们划分寄存了网页次要内容区域和侧边栏通告卡片的 Markdown 内容。</p>
<p dir="auto">对于衬着器的更多可自界说选项，请查察 markdown-it.js 的官方文档！</p>
<p>编写次要内容区域的 Markdown 文档时的最佳理论</p>
<p dir="auto">因为网站牌版的问题，正在编辑内容时最幸亏每个题目前的内容后运用 --- 收解线停行分段，自界说的 CSS 收解线花式会使页面看起来愈加协调（虽然假如你喜爱的话也可以不用便是啦）。</p>
<p>参取奉献</p>
<p dir="auto">间接提 PR 就止啦！<br>
(实的会有人对那个小破名目感趣味吗 Σ(っ °Д °;)っ )</p>
(责任编辑：) |
------分隔线----------------------------
