updae javascript/memory-sapce doc

.github/dependabot.yml

@@ -0,0 +1,7 @@
+version: 2
+updates:
+- package-ecosystem: npm
+  directory: "/"
+  schedule:
+    interval: daily
+  open-pull-requests-limit: 20

.gitignore

@@ -0,0 +1,9 @@
+.DS_Store
+Thumbs.db
+db.json
+*.log
+node_modules/
+public/
+.deploy*/
+_multiconfig.yml
+/themes/aomori/

_config.yml

@@ -0,0 +1,105 @@
+# Hexo Configuration
+## Docs: https://hexo.io/docs/configuration.html
+## Source: https://github.com/hexojs/hexo/
+
+# Site
+title: Sunny
+description: ''
+keywords:
+author: Sunny
+language: en
+# timezone: ''
+
+# URL
+## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
+url: http://example.com
+permalink: :year/:month/:day/:title/
+permalink_defaults:
+pretty_urls:
+  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
+  trailing_html: true # Set to false to remove trailing '.html' from permalinks
+
+# Directory
+source_dir: source
+public_dir: public
+tag_dir: tags
+archive_dir: archives
+category_dir: categories
+code_dir: downloads/code
+i18n_dir: :lang
+skip_render:
+
+# Writing
+new_post_name: :title.md # File name of new posts
+default_layout: post
+titlecase: false # Transform title into titlecase
+external_link:
+  enable: true # Open external links in new tab
+  field: site # Apply to the whole site
+  exclude: ''
+filename_case: 0
+render_drafts: false
+post_asset_folder: false
+relative_link: false
+future: true
+syntax_highlighter: highlight.js
+highlight:
+  line_number: true
+  auto_detect: false
+  tab_replace: ''
+  wrap: true
+  hljs: false
+prismjs:
+  preprocess: true
+  line_number: true
+  tab_replace: ''
+
+# Home page setting
+# path: Root path for your blogs index page. (default = '')
+# per_page: Posts displayed per page. (0 = disable pagination)
+# order_by: Posts order. (Order by date descending by default)
+index_generator:
+  path: ''
+  per_page: 10
+  order_by: -date
+
+# Category & Tag
+default_category: uncategorized
+category_map:
+tag_map:
+
+# Metadata elements
+## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
+meta_generator: true
+
+# Date / Time format
+## Hexo uses Moment.js to parse and display date
+## You can customize the date format as defined in
+## http://momentjs.com/docs/#/displaying/format/
+date_format: YYYY-MM-DD
+time_format: HH:mm:ss
+## updated_option supports 'mtime', 'date', 'empty'
+updated_option: 'mtime'
+
+# Pagination
+## Set per_page to 0 to disable pagination
+per_page: 10
+pagination_dir: page
+
+# Include / Exclude file(s)
+## include:/exclude: options only apply to the 'source/' folder
+include:
+exclude:
+ignore:
+
+# Extensions
+## Plugins: https://hexo.io/plugins/
+## Themes: https://hexo.io/themes/
+theme: aomori
+
+# Deployment
+## Docs: https://hexo.io/docs/one-command-deployment
+deploy:
+  type: git
+  repo: git@github.com:SunnyCheung-cp/SunnyCheung-cp.github.io.git
+  branch: master

package.json

@@ -0,0 +1,28 @@
+{
+  "name": "hexo-site",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "build": "hexo generate",
+    "clean": "hexo clean",
+    "deploy": "hexo deploy",
+    "server": "hexo server"
+  },
+  "hexo": {
+    "version": "7.2.0"
+  },
+  "dependencies": {
+    "hexo": "^7.0.0",
+    "hexo-deployer-git": "^4.0.0",
+    "hexo-generator-archive": "^2.0.0",
+    "hexo-generator-category": "^2.0.0",
+    "hexo-generator-index": "^3.0.0",
+    "hexo-generator-tag": "^2.0.0",
+    "hexo-renderer-ejs": "^2.0.0",
+    "hexo-renderer-marked": "^6.0.0",
+    "hexo-renderer-pug": "^3.0.0",
+    "hexo-renderer-stylus": "^3.0.1",
+    "hexo-server": "^3.0.0",
+    "hexo-theme-landscape": "^1.0.0"
+  }
+}

scaffolds/draft.md

@@ -0,0 +1,4 @@
+---
+title: {{ title }}
+tags:
+---

scaffolds/page.md

@@ -0,0 +1,4 @@
+---
+title: {{ title }}
+date: {{ date }}
+---

scaffolds/post.md

@@ -0,0 +1,5 @@
+---
+title: {{ title }}
+date: {{ date }}
+tags:
+---

source/_posts/css/common-css.md

@@ -0,0 +1,85 @@
+---
+title: 常用css属性
+date: 2024-04-23
+categories:
+- css
+---
+
+CSS（Cascading Style Sheets）是用于样式化网页的样式表语言。它定义了网页元素的外观和布局，使得网页可以更具吸引力和易读性。以下是一份 CSS 大全，包含了各种 CSS 属性及其用法：
+
+## 文本样式
+
+- color：定义文本颜色。
+- font-family：定义字体系列。
+- font-size：定义字体大小。
+
+<!-- more -->
+- font-weight：定义字体的粗细。
+- font-style：定义字体的样式（斜体、正常等）。
+- text-align：定义文本水平对齐方式。
+- text-decoration：定义文本装饰（下划线、删除线等）。
+- text-transform：定义文本转换（大写、小写等）。
+- line-height：定义行高。
+- letter-spacing：定义字母间距。
+- word-spacing：定义单词间距。
+
+## 盒子模型
+
+- width：定义元素宽度。
+- height：定义元素高度。
+- margin：定义外边距。
+- padding：定义内边距。
+- border：定义边框。
+- border-radius：定义边框圆角。
+- box-shadow：定义阴影效果。
+
+## 背景样式
+
+- background-color：定义背景颜色。
+- background-image：定义背景图片。
+- background-repeat：定义背景重复方式。
+- background-size：定义背景大小。
+- background-position：定义背景位置。
+
+## 定位和布局
+
+- position：定义定位方式（相对定位、绝对定位等）。
+- top、right、bottom、left：定义定位元素的位置。
+- display：定义元素的显示方式（块级、内联等）。
+- float：定义元素浮动方式。
+- clear：定义元素如何应对浮动元素。
+
+## 动画和过渡
+
+- animation：定义动画效果。
+- transition：定义过渡效果。
+- transform：定义元素的变换效果（平移、旋转等）。
+
+## 布局
+
+- flex：定义弹性布局。
+- grid：定义网格布局。
+- position：定位布局。
+
+## 响应式设计
+
+- @media：定义媒体查询，实现响应式设计。
+
+## 字体样式
+
+- @font-face：定义自定义字体。
+- font-size-adjust：定义字体大小调整。
+- font-smoothing：定义字体平滑。
+
+## 列表样式
+
+- list-style-type：定义列表标记的类型。
+- list-style-image：定义列表标记的图片。
+
+## 其他
+
+- cursor：定义鼠标指针样式。
+- overflow：定义溢出内容的处理方式。
+- z-index：定义元素的堆叠顺序。
+- opacity：定义元素的透明度。
+- pointer-events：定义鼠标事件的触发方式。

source/_posts/html/common-tags.md

@@ -0,0 +1,45 @@
+---
+title: HTML 标签
+date: 2024-04-23
+categories:
+- html
+---
+
+HTML（Hypertext Markup Language）是用于创建网页的标准标记语言。它描述了网页的结构，通过使用各种标签和属性来定义网页上的各种元素和内容。
+
+## 常用的 HTML 标签
+
+- `<p>`：定义段落。
+- `<a>`：定义链接。
+- `<img>`：插入图片。
+
+<!-- more -->
+- `<ul>` 和 `<ol>`：分别定义无序列表和有序列表。
+- `<li>`：定义列表项，用于在 `<ul>` 或 `<ol>` 元素内部。
+- `<h1>` 到 `<h6>`：定义标题，其中 `<h1>` 是最高级别的标题，`<h6>` 是最低级别的标题。
+- `<div>`：定义文档中的区块或容器。
+- `<span>`：定义文档中的行内元素，通常用于对文本进行样式设置或操作。
+- `<table>`：定义表格。
+- `<tr>`：定义表格中的行。
+- `<td>` 和 `<th>`：分别定义表格中的数据单元格和表头单元格。
+- `<form>`：定义表单，用于向服务器提交数据。
+- `<input>`：定义输入控件，如文本框、按钮等。
+- `<textarea>`：定义多行文本输入框。9.
+- `<select>` 和 `<option>`：分别定义下拉菜单和选项。
+
+## HTML5 的新标签和作用
+>
+> HTML5 引入了许多新的标签，以提供更丰富的语义化结构和更好的支持多媒体内容。以下是一些 HTML5 新标签及其作用：
+
+- `<header>`：定义文档或节的页眉。
+- `<footer>`：定义文档或节的页脚。
+- `<nav>`：定义导航链接的部分。
+- `<section>`：定义文档中的一个节或区块。
+- `<article>`：定义独立的内容块，如博客帖子或新闻文章。
+- `<aside>`：定义与页面内容相关的侧边栏内容。
+- `<main>`：定义文档的主要内容。
+- `<figure>` 和 `<figcaption>`：分别定义媒体内容和其标题。
+- `<video>` 和 `<audio>`：用于嵌入视频和音频内容。
+- `<canvas>`：用于绘制图形、动画等。
+- `<progress>`：表示任务的完成进度。
+- `<meter>`：表示标量值的度量。