mirror of
https://github.com/sendevia/website.git
synced 2026-03-05 23:32:45 +08:00
初始化文章
This commit is contained in:
127
posts/AincradMix.md
Normal file
127
posts/AincradMix.md
Normal file
@@ -0,0 +1,127 @@
|
||||
---
|
||||
title: "AincradMix"
|
||||
description: "一个 osu! 皮肤"
|
||||
author: "sendevia"
|
||||
color: "#0089ff"
|
||||
impression: "/assets/images/22/screenshot01.webp"
|
||||
categories:
|
||||
- osu!皮肤
|
||||
tags:
|
||||
- readme
|
||||
- osu!
|
||||
featured: true
|
||||
---
|
||||
|
||||
# 介绍
|
||||
|
||||
## 关于
|
||||
|
||||
> 1. 通过游戏补丁的方式，做到了几乎全部的 osu! 的界面元素覆盖。
|
||||
> 2. 结合更现代的设计，扩展了《刀剑神域》第 1、2 季中出现的操作界面的设计。
|
||||
|
||||
## 优点
|
||||
|
||||
1. 使用了类 sao ui 的设计风格
|
||||
2. 有较好的打图手感
|
||||
3. 简而美的视觉体验
|
||||
4. 覆盖了 osu! 的绝大部分的界面元素[^1]
|
||||
5. 可进行简单的个性化搭配
|
||||
|
||||
## 你需要注意的
|
||||
|
||||
- 在 std 模式中，本皮肤适用于 **★6.5** 及以下的大多数谱面[^2]
|
||||
- 在应用全局皮肤时，要注意备份 `osu!ui.dll` 和 `osu!gameplay.dll`
|
||||
- 本皮肤所提供的 dll 文件仅替换了图像资源，未做其他修改。如果不放心，你可以使用 dnSpy 自行替换文件
|
||||
|
||||
[^1]: 通过修改 osu! 的资源 dll。
|
||||
[^2]: 此为估计得出。
|
||||
|
||||
# 皮肤预览
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## std 模式
|
||||
|
||||
|
||||
|
||||
|
||||
## mania 模式
|
||||
|
||||
|
||||
|
||||
|
||||
## taiko 模式
|
||||
|
||||
|
||||
|
||||
|
||||
## catch 模式
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
# 下载
|
||||
|
||||
<div>
|
||||
<md-filled-tonal-button href="https://github.com/sendevia/AincradMix/releases/latest/download/AincradMix.osk">
|
||||
最新版下载（1.1）
|
||||
<md-icon slot="icon">download</md-icon>
|
||||
</md-filled-tonal-button>
|
||||
</div>
|
||||
<div>
|
||||
<md-text-button href="https://github.com/sendevia/AincradMix">
|
||||
Github
|
||||
<md-icon slot="icon">code</md-icon>
|
||||
</md-text-button>
|
||||
</div>
|
||||
|
||||
# 推荐设置
|
||||
|
||||
## 详细设置
|
||||
|
||||
> - [x] 渐出滑条
|
||||
> - [x] 连击提示图
|
||||
> - [ ] 击打闪光
|
||||
> - [x] 着色器效果
|
||||
> - [ ] 柔化滤镜
|
||||
|
||||
## 主菜单
|
||||
|
||||
> - [x] 飘雪效果
|
||||
|
||||
## 选歌页面
|
||||
|
||||
> - [x] 显示略缩图
|
||||
|
||||
## 常规
|
||||
|
||||
> - [x] 进度条位置： 右上角（条状）
|
||||
|
||||
## 音量
|
||||
|
||||
> - [ ] 禁用谱面自带音效
|
||||
|
||||
## 皮肤
|
||||
|
||||
> - [x] 忽略所有谱面自带的皮肤
|
||||
> - [ ] 使用皮肤的音效
|
||||
> - [x] 总是使用皮肤中的光标
|
||||
> - [x] 光标大小： _0.7x_
|
||||
> - [ ] 自动缩放光标
|
||||
> - [ ] 拖球的颜色随滑条改变
|
||||
|
||||
## 鼠标
|
||||
|
||||
> - [ ] 点击波纹
|
||||
|
||||
# 引用素材来源
|
||||
|
||||
## 音效
|
||||
|
||||
- 来自 [`ppy/osu-resources`](https://github.com/ppy/osu-resources/)
|
||||
|
||||
> _非常感谢这些资源的贡献者_
|
||||
36
posts/一切开始的地方.md
Normal file
36
posts/一切开始的地方.md
Normal file
@@ -0,0 +1,36 @@
|
||||
---
|
||||
title: "一切开始的地方"
|
||||
description: "文章模板"
|
||||
author: "sendevia"
|
||||
color: "#39c5bb"
|
||||
impression: "/assets/images/96333231_p0.webp"
|
||||
categories:
|
||||
tags:
|
||||
featured: true
|
||||
---
|
||||
|
||||
这只是一篇示例文章。
|
||||
|
||||
You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
|
||||
|
||||
Jekyll requires blog post files to be named according to the following format:
|
||||
|
||||
`YEAR-MONTH-DAY-title.MARKUP`
|
||||
|
||||
Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit numbers, and `MARKUP` is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.
|
||||
|
||||
Jekyll also offers powerful support for code snippets:
|
||||
|
||||
{% highlight ruby %}
|
||||
def print_hi(name)
|
||||
puts "Hi, #{name}"
|
||||
end
|
||||
print_hi('Tom')
|
||||
# => prints 'Hi, Tom' to STDOUT.
|
||||
{% endhighlight %}
|
||||
|
||||
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
|
||||
|
||||
[jekyll-docs]: https://jekyllrb.com/docs/home
|
||||
[jekyll-gh]: https://github.com/jekyll/jekyll
|
||||
[jekyll-talk]: https://talk.jekyllrb.com/
|
||||
151
posts/关于这个主题的一些事.md
Normal file
151
posts/关于这个主题的一些事.md
Normal file
@@ -0,0 +1,151 @@
|
||||
---
|
||||
title: "关于这个主题的一些事"
|
||||
description: "Material 3 在 jekyll 上的轻量化实现"
|
||||
author: "sendevia"
|
||||
color: "#fade82"
|
||||
impression: "/assets/images/23/screen_capture.png"
|
||||
categories:
|
||||
- 随笔
|
||||
tags:
|
||||
- readme
|
||||
---
|
||||
|
||||
# 关于主题
|
||||
|
||||
不太擅长介绍，既然这个页面存在了，就简单写一下吧。 这是一个遵循 Material3 设计，并且使用了 Material Web 项目，轻量化的 Jekyll 主题。
|
||||
|
||||
由于 M3 的设计太好看了，一直想亲自动手设计一款使用这种设计的前端项目，作为练手，这个主题便诞生了。
|
||||
|
||||
我借助 Material Foundation 的 [material-color-utilities](https://github.com/material-foundation/material-color-utilities) 实现了 monet 取色。
|
||||
|
||||
你可以在每篇文章的头信息 `impression` 配置中指定头图，并通过 `color` 配置指定颜色来让主题生成调色板。
|
||||
|
||||
这个主题的参考来源主要是 [material.io](https://material.io) 官网，其次是 Google 提供的设计规范。
|
||||
|
||||
代码高亮支持的语言可以在 [rouge-ruby](https://rouge-ruby.github.io/docs/file.Languages.html) 的网站上找到。
|
||||
|
||||
# 主要功能
|
||||
|
||||
1. Material 3 风格；
|
||||
1. 支持根据提供的 HEX 颜色动态生成调色板并应用颜色主题；
|
||||
1. 响应式布局。
|
||||
|
||||
# 头信息
|
||||
|
||||
下面是所有头信息的详解：
|
||||
|
||||
| name || description | type | default |
|
||||
| ---------- | ------------- | ---------------- | ------- | --------------------------- |
|
||||
| 文章相关 | title | 文章标题 | text | 使用 `_config.yml` 中的配置 |
|
||||
| ^^ | description | 文章简介 | ^^ | ^^ |
|
||||
| ^^ | author | 文章作者 | ^^ | ^^ |
|
||||
| ^^ | color | 文章主题颜色 | ^^ | ^^ |
|
||||
| ^^ | impression | 文章头图 | ^^ | ^^ |
|
||||
| ^^ | categories | 目录分类 | list | 未定义 |
|
||||
| ^^ | tags | 文章标签 | ^^ | ^^ |
|
||||
| ^^ | published | 是否发布文章 | boolean | true |
|
||||
| ^^ | toc | 是否生成文章目录 | ^^ | true |
|
||||
| 页面导航相关 | segment_icon | 导航栏中的图标 | text | - |
|
||||
| ^^ | segment_title | 导航栏中的标题 | ^^ | ^^ |
|
||||
| ^^ | navigation | 是否在导航中显示 | boolean | ^^ |
|
||||
|
||||
# 配置开发环境
|
||||
|
||||
**如果不需要对主题进行开发，直接按通常部署 jekyll 的方式部署本主题即可。**
|
||||
|
||||
## 安装依赖
|
||||
|
||||
#### Archlinux
|
||||
|
||||
```bash
|
||||
sudo pacman -S ruby base-devel curl
|
||||
```
|
||||
|
||||
#### Debian/Ubuntu
|
||||
|
||||
```bash
|
||||
sudo apt install ruby-full build-essential zlib1g-dev curl -y
|
||||
```
|
||||
|
||||
#### Fedora
|
||||
|
||||
```bash
|
||||
sudo dnf install ruby ruby-devel openssl-devel redhat-rpm-config gcc-c++ @development-tools -y
|
||||
```
|
||||
|
||||
## 使用 nvm 安装 nodejs
|
||||
|
||||
```bash
|
||||
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash
|
||||
```
|
||||
|
||||
**`重启终端后`**
|
||||
|
||||
```bash
|
||||
nvm install --lts
|
||||
```
|
||||
|
||||
## 配置环境变量，以 bash 为例
|
||||
|
||||
#### Archlinux
|
||||
|
||||
```bash
|
||||
echo 'export GEM_HOME="$(ruby -e 'puts Gem.user_dir')"' >> ~/.bashrc
|
||||
```
|
||||
|
||||
```bash
|
||||
echo 'export PATH="$PATH:$GEM_HOME/bin"' >> ~/.bashrc
|
||||
```
|
||||
|
||||
#### Debian/Ubuntu/Fedora
|
||||
|
||||
```bash
|
||||
echo 'export GEM_HOME="$HOME/gems"' >> ~/.bashrc
|
||||
```
|
||||
|
||||
```bash
|
||||
echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
|
||||
```
|
||||
|
||||
## 安装 Jekyll
|
||||
|
||||
**`重启终端后`**
|
||||
|
||||
```bash
|
||||
gem install bundler jekyll
|
||||
```
|
||||
|
||||
## 开发本项目
|
||||
|
||||
切换到本项目文件夹
|
||||
|
||||
```bash
|
||||
npm i
|
||||
```
|
||||
|
||||
```bash
|
||||
bundle i
|
||||
```
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
|
||||
# 使用的 P 站好图
|
||||
|
||||
根据作品 id 排序
|
||||
|
||||
<div class="p-pixivgallery">
|
||||
{% for item in site.data.pixiv_arts %}
|
||||
<a href="https://pixiv.net/artworks/{{ item.id }}" style="width: 240px" target="_blank">
|
||||
<div class="card" spec="focus">
|
||||
<div class="card-impression">
|
||||
<img src="/assets/images/{{ item.id }}_p0.webp" alt="impression" />
|
||||
</div>
|
||||
<div class="card-supporting">
|
||||
<h3>{{ item.title }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
60
posts/设置开机自启动的 Jekyll 服务.md
Normal file
60
posts/设置开机自启动的 Jekyll 服务.md
Normal file
@@ -0,0 +1,60 @@
|
||||
---
|
||||
title: "设置开机自启动的 Jekyll 服务"
|
||||
description: "通过 systemd 实现一个开机自启的 Jekyll 服务，通常来说，这对使用 Jekyll 作为服务后端的网站很有用。"
|
||||
author: "sendevia"
|
||||
color: ""
|
||||
impression: ""
|
||||
categories:
|
||||
- 随笔
|
||||
tags:
|
||||
- jekyll
|
||||
featured: true
|
||||
---
|
||||
|
||||
本文的目标是使用普通用户启动 Jekyll，因此需要添加一行`Environment`来设置下环境变量，并且所有的操作都在这个普通用户的用户目录下进行。
|
||||
|
||||
# 新建一个 systemd 服务
|
||||
|
||||
```bash
|
||||
sudo nano /etc/systemd/system/jekyll.service
|
||||
```
|
||||
|
||||
```systemd
|
||||
[Unit]
|
||||
Description = Jekyll Service
|
||||
After = syslog.target
|
||||
|
||||
[Service]
|
||||
# 指定 GEM_HOME 的目录
|
||||
Environment = GEM_HOME="/home/<user>/gems"
|
||||
# Jekyll 网站的目录
|
||||
WorkingDirectory = /home/<user>/<jekyll_site>
|
||||
User = <user>
|
||||
Type = simple
|
||||
# 指定 bundle 所在目录并启动 Jekyll
|
||||
ExecStart = /home/<user>/gems/bin/bundle exec jekyll serve --port 4000
|
||||
|
||||
Restart = always
|
||||
StandardOutput = journal
|
||||
StandardError = journal
|
||||
SyslogIdentifier = jekyll
|
||||
|
||||
[Install]
|
||||
WantedBy = multi-user.target
|
||||
```
|
||||
|
||||
保存之后执行
|
||||
|
||||
```bash
|
||||
sudo systemctl daemon-reload
|
||||
```
|
||||
|
||||
启动自启服务并检查运行状况
|
||||
|
||||
```bash
|
||||
sudo systemctl enable jekyll --now
|
||||
```
|
||||
|
||||
```bash
|
||||
sudo journalctl -u jekyll
|
||||
```
|
||||
Reference in New Issue
Block a user