add_todolist

This commit is contained in:
Hubert Chen 2022-11-24 00:06:44 +08:00
parent 4374cc7327
commit 3c08e5ca3b
7 changed files with 72 additions and 15 deletions

View File

@ -129,8 +129,17 @@ export const header: HeaderConfig = {
},
// 注意这里不要给目录前加 . 号,不然多次点击目录会叠起来
{
text: '建站历程',
link: '/about/history'
text: '站点相关',
children: [
{
text: '建站历程',
link: '/about/history'
},
{
text: '待办事项',
link: '/about/todolist'
}
]
},
{
text: '闲聊',
@ -177,7 +186,7 @@ export const date: DateConfig = {
locales: 'zh-CN',
options: {
year: '2-digit',
weekday: 'long',
weekday: 'short',
month: 'short',
day: 'numeric'
}

View File

@ -11,7 +11,7 @@ export const site: SiteConfig = {
name: 'Hubert\u0020Chen',
avatar: '/assets/images/avatar/70455873_p3.webp',
status: '😉',
bio: '你好呀👋'
bio: '你好呀 👋<br \>今天过还得好吗?'
},
themeColor: '#E0DE94'
}

View File

@ -6,6 +6,8 @@ tags:
- 关于
---
可能要重写一下这个页面,感觉不够详细 😪
# 你好,欢迎来到我的博客
这个博客由我创建于 2022 年 01 月 24 日,起初是想跟网络上的大佬一样搭个自己的博客,不过现在搭好了也不知道写些什么

View File

@ -0,0 +1,37 @@
---
title: '待办事项'
created: 2022-11-23
updated: 2022-11-23
# image: /about/todolist/
tags:
- 关于
summary: '有时候也得记一下自己要干嘛'
---
**嗨,你好!**
顾名思义,这是一个代办清单,我会把我的博客更新计划和完成进度记录在这里,不过也不是全部列在这里的事情都会完成,有时候会遭受到不可抗力的影响
## 博客相关
### 文章更新
- 写一篇关于 HomeKit 的搭建文章
> 东西都买好了,就差个被封在学校的我 😥
- 补上一篇关于 ssh 设定的小教程
### 需要修改 / 补充的文章
- [关于我](/about) 页面内容太少,需要重新写
- [Urara 入门教程](/post/urara-intro) 或许还应该加个部署部分
### 其他
- 给博客加个评论系统
> 目前的想法是加个 [giscus](https://giscus.app/zh-CN),得自己摸索摸索
- 还没有想法...

View File

@ -1,7 +1,7 @@
---
title: 'Urara 入门教程'
created: 2022-11-20
updated: 2022-11-22
updated: 2022-11-23
image: /post/urara-intro/urara.webp
tags:
- Urara
@ -57,7 +57,7 @@ npm install npm@latest -g // 升级 `npm` 包管理器(可选)
**其次是安装 pnpm**
Urara 使用 [pnpm](https://pnpm.io/) 包管理器进行组件安装,所以这个软件包是必须安装的
Urara 使用 [pnpm](https://pnpm.io/) 包管理器进行组件安装,~~所以这个软件包是必须安装的~~,非必要,如果你有其他的方法安装组件和运行开发服务器的话
```
npx pnpm add -g pnpm // 这个是官方文档里的安装办法
@ -134,9 +134,11 @@ Urara 的后端结构大致分为 `src` 与 `urara` 文件夹,其中 `src` 文
还有另一个 `hello-world` 文件夹,点进去可以看到两个文件夹、一张图片和一个名为 `+page.svelte.md` 的文件,再打开其中的 `toc-disabled` 文件夹,能看到另一个名为 `+page.md` 的文件
至于它们是什么关系嘛,`+page.svelte.md` 为启用了 svelte 特性的 Markdown 文档,而 `+page.md` 则是常规的 Markdown 文档,我不太懂 svelte就不介绍了 😥
至于它们是什么关系嘛,~~`+page.svelte.md` 为启用了 svelte 特性的 Markdown 文档,而 `+page.md` 则是常规的 Markdown 文档,我不太懂 svelte就不介绍了 😥~~
看到这里不知道你有没有看出来,这里的 Markdown 文档除了名为 `+page.svelte.md` 就是名为 `+page.md`,这其实也是 Urara 的命名要求,这个与 Hexo 的逻辑有些差别,需要适应
跟作者交流了一下,并没有上面所说的差别,只是为了方便自己辨认
看到这里不知道你有没有看出来,这里的 Markdown 文档除了名为 `+page.svelte.md` 就是名为 `+page.md`~~这其实也是 Urara 的命名要求~~ 是 SvelteKit 的要求,这个与 Hexo 的逻辑有些差别,需要适应
那怎么把文章放在对应的目录呢,其实看看文件浏览器的地址栏就知道了
@ -286,19 +288,26 @@ export const footer: FooterConfig = {
}
```
**还有一个是格式设置,可以调整文章日期的语言和格式**
#### 日期格式
**可以根据自己喜好调整文章日期的语言和格式**
日期格式知道有哪些选项了,这就写
```
export const date: DateConfig = {
locales: 'zh-CN', // 这里可修改语言,使用 IETF 语言标签的格式
options: { // 下面的日期格式我也不会改 🥲
year: '2-digit',
weekday: 'long',
month: 'short',
day: 'numeric'
options: {
year: '2-digit', // 年份 | numeric, 2-digit
weekday: 'short', // 星期 | narrow, short, long
month: 'short', // 月份 | numeric, 2-digit, narrow, short, long
day: 'numeric' // 日期 | numeric, 2-digit
}
}
```
`weekday` 翻译过来是工作日的意思,不过在实际使用中,它起的是星期的作用 🤔
当然也可以有更多选项,可以参考 [Web 开发技术 > Intl.DateTimeFormat](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat) 的语法部分
#### 第二部分的页脚

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 23 KiB

View File

@ -148,4 +148,4 @@ esp8266 这块开发板还是在三月初看网上 WIFI 杀手的视频买的,
那么这篇文章就写到这里吧,顺带还给自己挖了两篇文章的坑
**拜拜👋**
**拜拜 👋**