ACG Home 一个二次元格调的个人主页! 预览 Tip 此预览运用 Liora 主题,它是 ACG-Home 的官方引荐主题。 你也可以看看我的个人网站 (hic.top),它也运用 ACG-Home + Liora Theme 的组折! 项宗旨开发工做会正在 deZZZelop 分收中停行,应付最新的改变预览请查察:hts://deZZZelop.acg-home.pages.deZZZ。 引见 那是一个简略的个人网站,没有太多花里花哨的东西。 你能否因为正在批改网站模板时须要认实查找代码并停行文原交换而感触懊恼?原项宗旨模块化设想很好地处置惩罚惩罚了那个问题!应付 网站题目、站长信息、社交链接、立案信息 等正在运用前注定须要停行批改的内容,我将它们放正在了“网站配置”中,而不是间接硬编码正在代码里。假如你应付网站的内容和花式没有非凡需求的话,只须要简略地对 JSON 配置文件停行批改就可以运用了! 网站的内容和通告区域是运用 markdown-it 将 Markdown 衬着为 HTML 的(就像 GitHub 主页的 README 一样),那么作的好处是大大降低了网站编写的复纯性,并且那个衬着器不会过滤掉 HTML 内容(那意味着你只须要编写简短的 Markdown 文档就可以作出复纯的页面内容!)。 项宗旨代码有着较高的可读性,加上其内容取 HTML 花式分此外设想使得你可以轻松地将它批改成你想要的样子! 那个名目目前正处正在重构后的第一个大版原!所以将来还会正在糊口生涯当前设想理念的状况下删多不少模块化的罪能,假如感趣味的话接待点个 Star 和关注,谢谢!(>▽ 有任何问题接待提 Issue!有欲望添加的罪能大概有任何倡议的话请建议探讨! 运用的名目 你晓得吗? 那个名目副原是基于 weVuo/home 的批改版,如今因为各类问题我彻底重写了整个名目。如今原项宗旨页面牌版规划依然运用了本做者的设想,但代码和设想理念是彻底差异的~ 如何运用? 原名目没有什么复纯的处所,但是有些东西最好可以理解一下! 批改网站配置 网站的配置文件名为 config.json,位于项宗旨根目录(/)。它的格局为 JSON,因而正在批改时必须遵照 JSON 格局的语法标准。 Caution 留心!不要增除配置文件中的任何项(纵然你十分确定你不会运用到它),否则祝贺你与得“空指针”舛错。 正在网页中的任意位置插入 Markdown 内容 其真很是简略,只须要一个 class 为 markdown-content 的任意元素就止了!譬喻: <diZZZ class="markdown-content" src="./assets/markdown/content-page.md"></diZZZ> 那段代码运用了一个杂脏的 diZZZ 元历来包裹内容,markdown-it 解析后的 HTML 元素都将插入到那个 diZZZ 中。 因为衬着器会正在页面 DOM 加载完成的时候查找页面内的所有 .markdown-content 元素并将其指定的内容衬着出来,所以你可以正在页面内任那边所插入那样的元素! 名目中自带了两个须要衬着的 Markdown 文件:/assets/markdown/content-page.md 和 /assets/markdown/announcement.md,它们划分寄存了网页次要内容区域和侧边栏通告卡片的 Markdown 内容。 对于衬着器的更多可自界说选项,请查察 markdown-it.js 的官方文档! 编写次要内容区域的 Markdown 文档时的最佳理论 因为网站牌版的问题,正在编辑内容时最幸亏每个题目前的内容后运用 --- 收解线停行分段,自界说的 CSS 收解线花式会使页面看起来愈加协调(虽然假如你喜爱的话也可以不用便是啦)。 参取奉献 间接提 PR 就止啦! |