加粗

斜体

斜体2

每一个 Unit 都有一个配置文件，告诉 Systemd 怎么启动这个 Unit 。

Systemd 默认从目录/etc/systemd/system/读取配置文件。但是，里面存放的大部分文件都是符号链接，指向目录/usr/lib/systemd/system/，真正的配置文件存放在那个目录。

信号是一种中断，为 Linux 提供一种处理异步事件的方法。

Linux 信号（signal） - 简书

内存分页与内存分段是操作系统管理虚拟内存的方式。

分段：将进程内存分为代码分段、数据分段、栈段、堆段等逻辑分明的段。能产生连续的物理空间。容易造成内存碎片，内存交换率低。 分页：将物理内存与虚拟内存都分为一个个固定大小的页，内存以页为单位分配、回收、释放。适配局部性原理，碎片利用率高，可以不加载整个内存。

kernel_memory_management/✍ 文章/一文带你了解，虚拟内存、内存分页、分段、段页式内存管理.md at main · 0voice/kernel_memory_management

堆区与栈区都是程序内存分段中的一段。

Linux 内存 —— 内存分页、分段

每个进程分配一套虚拟内存地址，由操作系统管理，进程间独立互不干涉。 程序访问虚拟地址时，由操作系统转换成物理地址，使得这样不同进程内存不会冲突。

kernel_memory_management/✍ 文章/一文带你了解，虚拟内存、内存分页、分段、段页式内存管理.md at main · 0voice/kernel_memory_management

理解文件描述符与文件句柄 | 黑白之院

进程是计算机资源分配最小的单位，是CPU分配资源的基本单位，具有独立的内存。

切换需要切换上下文

Use Chart.js in React.

Introduce:

• Chart.js: https://github.com/chartjs/Chart.js
• react-chartjs-2: https://github.com/reactchartjs/react-chartjs-2
• remark-mdx-chartjs: https://github.com/pangelani/remark-mdx-chartjs

• 复写 markdown parse ，增加 latex 支持

  • remark-math
  • rehype-katex
  • rehype-slug
  • https://github.com/unifiedjs/unified
  • recma -> 修改 MDX , remark -> 修改 markdown ， rehype -> 修改 html
  • https://www.haxibami.net/blog/posts/blog-renewal
  • about img to next/Image https://zenn.dev/elpnt/articles/c17727e9d254ef00ea60
  • introduction of remark https://vivliostyle.github.io/vivliostyle_doc/ja/vivliostyle-user-group-vol2/spring-raining/index.html

• 下标语法行为 -> 修改默认不用 a 标签 使用 remark gfm 后自动解决

• 处理 picture 路径的问题

• 默认元素映射，处理代码高亮

  • mermaid 渲染
  • latex 渲染 弃用，思考 remark-rehype 优先
  • latex 中文渲染
  • vscode-memo 语法
    • 站内多媒体相对链接
  • latex 显示两次
    • katex 需要特殊的 css ，加载后修复
  • 没有闭合的左箭头自动转义 做不到， next-mdx-remote 调用 mdx-js ， createProcessor 中会在执行所有 remark 插件之前，先执行 remark-mdx ，无法通过插件修改
    • https://github.com/mdx-js/mdx/tree/main/packages/remark-mdx
    • https://github.com/mdx-js/mdx/blob/main/packages/mdx/lib/core.js

• 简单的样式

  • Article 页面
  • 主页
    • 主页封面： position: static 不会反应 z-index ，需要 position: 其他值
  • about 页
    • 先不做
  • 其他页的最小高度，处理 footer 不要太高
  • Tag 页
  • Idea 页
    • refactor move meta together

• fix post list height

• fix post list page tag box

• SEO 简单

  • site map https://github.com/iamvishnusankar/next-sitemap
  • Header， title
  • OG
    • og:site_name vs og:title?
    • og:url?
  • footer
    • icon hover 发光， bg 不要变色
    • 增加 icon ， Pixiv

• 处理旧链接跳转 https://www.viget.com/articles/host-build-and-deploy-next-js-projects-on-github-pages/

  • path prefix
    • 环境变量？配置文件？
  • 代码高亮换成静态后 mermaid 也要用 remark 处理
    • mermaid 内样式 -> 修复 global applyed 的行高
    • 为什么 haxibami 的样式不会变？为什么是 tspan 和 text ？待探究 -> 是 pie 和 sequence 默认的
      • maybe rehype-raw ？ -> 不是 rehype-raw 的问题，而且如果用 rehype-raw 会让 mdx 渲染不了显示 Cannot compile mdxJsxFlowElement node
      • https://github.com/mermaid-js/mermaid/issues/2688
      • turning the htmlLables to false fixed this (maybe other types of charts should be tested as well)
  • 去除 path 中的日期
    1. get all slugs once
    2. get post meta by slug
  • 修复 image url 跳转
  • link jump 301 -> 308
    • 不能直接在 config 里配置，不会自动静态生成
    • 在 getStaticProps 里处理:
      • param 中拿到 slug 以 string[] 出现， slash 无关
      • build 时出现 error：redirect can not be returned from getStaticProps during prerendering
      • https://nextjs.org/docs/messages/gsp-redirect-during-prerender
    • 放弃治疗

• git time versioning

  • created at
  • updated at

• 部署脚本

  • ghpage
    • gh page 环境 path 前缀设置，
    • env file 使用
  • s3 test + prod
    • reusable wrokflow (on workflow call) https://docs.github.com/en/actions/using-workflows/reusing-workflows
    • composite action (no details, not to use) https://docs.github.com/en/actions/creating-actions/creating-a-composite-action
    • use artifact between workflow https://docs.github.com/en/actions/using-workflows/storing-workflow-data-as-artifacts
    • an https://stackoverflow.com/questions/70003863/reusing-github-action-workflow-steps-inside-another-job
    • gh-pages 先用蠢办法， build 上传一次 artifact ，deploy 时在 gh-pages action 里再上传一次
    • Github Action 复用
    • test infra stack 更新使用 s3 web hosting
    • 处理 url 结尾带 slash 问题
      • https://github.com/keaeriksson/hugo-s3-cloudfront <- 最终解决方案，用 pulumi 把这个重写一遍
      • maybe it's time to serverless https://github.com/serverless-nextjs/serverless-next.js
      • or just use vercel!

• 更新 prod （infra ， Deploy ）

• 修复 mermaid 渲染

  • 方法1 remark 时处理，变静态 svg （简单）
  • 方法2 highlight 推延到渲染时处理，用组件包裹 （希望优先）
    • 组建渲染时快速刷新可能导致 syntax error
  • 可能的处理闪动的信息：
    • https://github.com/ant-design/ant-design/issues/16037
    • https://stackoverflow.com/questions/72248724/components-flicker-during-server-side-render-for-nextjs-and-material-ui
    • https://www.stackfive.io/work/nextjs/how-to-fix-styled-components-page-flicker-in-next-js-12
    • https://stackoverflow.com/questions/65527040/using-prism-js-line-highlight-plugin-with-next-js-app-causes-text-content-did-n
    • https://css-tricks.com/syntax-highlighting-prism-on-a-next-js-site/#aa-highlighting-lines
    • https://www.felixmokross.dev/blog/code-samples-line-highlighting

• 修复：

  • Home Page 下方链接点击问题
  • 改进 trailing slash -> lambda 写错，要加 .html 不是 /index.html
  • 排查 s3 旧文件未删除问题 rm 后加一句 ls debug
  • tag box 增加 focus

• reuse https://docs.github.com/en/actions/using-workflows/reusing-workflows

• favicon

• Google Analytics

  • sitemap 检查

• test workflow for dependabot

• SEO better, og:type=article read more: https://ogp.me/#types

• 文章按创建时间倒序

• 写 README 与项目简介

• Rss etc https://github.com/jpmonette/feed

• 响应式适配

hello! first idea here!

这里是第一行， 然后这里是第二行。

这里是一些内容。 再来一行。 第三行。