diff --git a/README.md b/README.md index e9b2ca1..4b291a4 100644 --- a/README.md +++ b/README.md @@ -4,26 +4,19 @@ ## 施工中 -### 独立页面 - - [x] 归档页面 - [x] 关于页面 - [x] PGP页面 - [x] 其他 - -### 其他功能 - - [x] 图片懒加载 - [x] 暗色模式 - [x] 复制代码块内容 -- [x] NProgress - -## Todo - +- [x] Progress bar - [x] 提高文章页面加载速度 - [ ] 图片懒加载占位问题 - [ ] algolia 搜索样式 - [ ] Use [sharp](https://github.com//lovell/sharp) process images. +- [ ] 组件懒加载（首页，归档页，文章页） ## ❤️ diff --git a/p.sh b/p.sh new file mode 100644 index 0000000..9bcc141 --- /dev/null +++ b/p.sh @@ -0,0 +1,3 @@ +git push origin +git push coding +git push xfy \ No newline at end of file diff --git a/public/images/我的开发环境/logo.svg b/public/images/我的开发环境/logo.svg new file mode 100644 index 0000000..3d3a220 --- /dev/null +++ b/public/images/我的开发环境/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/md/为Nextjs集成Algolia搜索.md b/public/md/为Nextjs集成Algolia搜索.md deleted file mode 100644 index 2513089..0000000 --- a/public/md/为Nextjs集成Algolia搜索.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: 为Nextjs集成Algolia搜索 -date: 2021-12-01 09:42:42 -tags: [Nextjs, TypeScript, JavaScript] -categories: 实践 -url: integrate-algolia-search-for-nextjs -index_img: /images/为Nextjs集成Algolia搜索/logo.webp ---- \ No newline at end of file diff --git a/public/posts/Markdown-test.md b/public/posts/Markdown-test.md deleted file mode 100644 index 326a31b..0000000 --- a/public/posts/Markdown-test.md +++ /dev/null @@ -1,272 +0,0 @@ ---- -title: Markdown Test -date: 2021-08-23 17:28:49 -tags: [Markdown, React] -categories: 踩坑 -url: markdown-test ---- - -## h2 Heading -### h3 Heading -#### h4 Heading -##### h5 Heading -###### h6 Heading - - -## Horizontal Rules - -___ - ---- - -*** - -## Lists - -### Solar System Exploration, 1950s – 1960s - -- [ ] Mercury -- [x] Venus -- [x] Earth (Orbit/Moon) -- [x] Mars -- [ ] Jupiter -- [ ] Saturn -- [ ] Uranus -- [ ] Neptune -- [ ] Comet Haley - -### Numbers - -1. One -2. Two -3. Three - -### Solar System Exploration, 1950s – 1960s - -- Mercury -- Venus -- Earth (Orbit/Moon) -- Mars -- Jupiter -- Saturn -- Uranus -- Neptune -- Comet Haley - - -## Typographic replacements - -Enable typographer option to see result. - -(c) (C) (r) (R) (tm) (TM) (p) (P) +- - -test.. test... test..... test?..... test!.... - -!!!!!! ???? ,, -- --- - -"Smartypants, double quotes" and 'single quotes' - - -## Emphasis - -**This is bold text** - -__This is bold text__ - -*This is italic text* - -_This is italic text_ - -~~Strikethrough~~ - - -## Blockquotes - - -> Blockquotes can also be nested... ->> ...by using additional greater-than signs right next to each other... -> > > ...or with spaces between arrows. - - -## Lists - -Unordered - -+ Create a list by starting a line with `+`, `-`, or `*` -+ Sub-lists are made by indenting 2 spaces: - - Marker character change forces new list start: - * Ac tristique libero volutpat at - + Facilisis in pretium nisl aliquet - - Nulla volutpat aliquam velit -+ Very easy! - -Ordered - -1. Lorem ipsum dolor sit amet -2. Consectetur adipiscing elit -3. Integer molestie lorem at massa - - -1. You can use sequential numbers... -1. ...or keep all the numbers as `1.` - -Start numbering with offset: - -57. foo -1. bar - - -## Code - -Inline `code` - -Indented code - - // Some comments - line 1 of code - line 2 of code - line 3 of code - - -Block code "fences" - -``` -Sample text here... -``` - -Syntax highlighting - -``` js -var foo = function (bar) { - return bar++; -}; - -console.log(foo(5)); -``` - -## Tables - -| Option | Description | -| ------ | ----------- | -| data | path to data files to supply the data that will be passed into templates. | -| engine | engine to be used for processing templates. Handlebars is the default. | -| ext | extension to be used for dest files. | - -Right aligned columns - -| Option | Description | -| ------:| -----------:| -| data | path to data files to supply the data that will be passed into templates. | -| engine | engine to be used for processing templates. Handlebars is the default. | -| ext | extension to be used for dest files. | - - -## Links - -[link text](http://dev.nodeca.com) - -[link with title](http://nodeca.github.io/pica/demo/ "title text!") - -Autoconverted link https://github.com/nodeca/pica (enable linkify to see) - - -## Images - -![Minion](https://octodex.github.com/images/minion.png) -![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat") - -Like links, Images also have a footnote style syntax - -![Alt text][id] - -With a reference later in the document defining the URL location: - -[id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat" - - -## Plugins - -The killer feature of `markdown-it` is very effective support of -[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin). - - -### [Emojies](https://github.com/markdown-it/markdown-it-emoji) - -> Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum: -> -> Shortcuts (emoticons): :-) :-( 8-) ;) - -see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji. - - -### [Subscript](https://github.com/markdown-it/markdown-it-sub) / [Superscript](https://github.com/markdown-it/markdown-it-sup) - -- 19^th^ -- H~2~O - - -### [\](https://github.com/markdown-it/markdown-it-ins) - -++Inserted text++ - - -### [\](https://github.com/markdown-it/markdown-it-mark) - -==Marked text== - - -### [Footnotes](https://github.com/markdown-it/markdown-it-footnote) - -Footnote 1 link[^first]. - -Footnote 2 link[^second]. - -Inline footnote^[Text of inline footnote] definition. - -Duplicated footnote reference[^second]. - -[^first]: Footnote **can have markup** - - and multiple paragraphs. - -[^second]: Footnote text. - - -### [Definition lists](https://github.com/markdown-it/markdown-it-deflist) - -Term 1 - -: Definition 1 -with lazy continuation. - -Term 2 with *inline markup* - -: Definition 2 - - { some code, part of Definition 2 } - - Third paragraph of definition 2. - -_Compact style:_ - -Term 1 - ~ Definition 1 - -Term 2 - ~ Definition 2a - ~ Definition 2b - - -### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr) - -This is HTML abbreviation example. - -It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on. - -*[HTML]: Hyper Text Markup Language - -### [Custom containers](https://github.com/markdown-it/markdown-it-container) - -::: warning -*here be dragons* -::: diff --git a/public/posts/我的开发环境.md b/public/posts/我的开发环境.md new file mode 100644 index 0000000..33a2d04 --- /dev/null +++ b/public/posts/我的开发环境.md @@ -0,0 +1,221 @@ +--- +title: 我的开发环境 +date: 2021-12-03 23:14:42 +tags: [Linux, Server] +categories: 实践 +url: my-development-environment +index_img: /images/我的开发环境/logo.svg +--- + +最近迁移了自己的小服务器，也顺便把本机的环境重新设置了一下，其中环节还是有点复杂的小细节的。所以打算整理下思路，方便以后再设置同样环境。 + +## 对于服务器 + +目前常用的系统主要是 Ubuntu 和 FreeBSD，到手第一步便是更换到国内的镜像源。 + +对于 FreeBSD 目前可用的有中科大的源，pkg 的配置文件位置为：`/etc/pkg/FreeBSD.conf`。 + +```bash +FreeBSD: { + url: "pkg+http://mirrors.ustc.edu.cn/freebsd-pkg/${ABI}/latest", + mirror_type: "srv", + signature_type: "fingerprints", + fingerprints: "/usr/share/keys/pkg", + enabled: yes +} +``` + +对于 Ubuntu，随便选一个就可以了。配置文件位于：`/etc/apt/sources.list`。清华大学开源软件镜像站的 [Ubuntu 镜像使用帮助](https://mirrors.tuna.tsinghua.edu.cn/help/ubuntu/) + + +```bash +# 默认注释了源码镜像以提高 apt update 速度，如有需要可自行取消注释 +deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ focal main restricted universe multiverse +# deb-src https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ focal main restricted universe multiverse +deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ focal-updates main restricted universe multiverse +# deb-src https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ focal-updates main restricted universe multiverse +deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ focal-backports main restricted universe multiverse +# deb-src https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ focal-backports main restricted universe multiverse +deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ focal-security main restricted universe multiverse +# deb-src https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ focal-security main restricted universe multiverse + +# 预发布软件源，不建议启用 +# deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ focal-proposed main restricted universe multiverse +# deb-src https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ focal-proposed main restricted universe multiverse +``` + +### 更换 Shell + +Ubuntu 和 FreeBSD 默认 shell 分别是 bash 和 sh，下一步就是切换到 zsh。 + +```bash +# Ubuntu +apt install zsh -y + +# FreeBSD +pkg install zsh +``` + +Oh my zsh 的安装非常的简单，复制一条命令即可。但困难的地方在于我的服务器可能经常连不上 Github，因为它是通过 clone Github 上的仓库来进行安装的。 + +```bash +sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)" +``` + +研究了一下，可以找个 Github 的镜像站手动安装。不过这种方法还是有*一定风险*的，毕竟是直接从别人的站点下载的东西。比较推荐的还是 Gitee 的 [镜像](https://gitee.com/mirrors)。还有个 [fastgit](https://hub.fastgit.org/) 目前也是能用的。 + +Oh my zsh 也写了详细了 [manual-installation](https://github.com/ohmyzsh/ohmyzsh#manual-installation) 参考着修改下源的地址就可以了。 + +```bash +# Clone the repository +git clone https://gitee.com/mirrors/ohmyzsh.git ~/.oh-my-zsh +# Create a new zsh configuration file +cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc +# Change your default shell +chsh -s $(which zsh) +``` + +### Plugins + +我比较常用的是 zsh-autosuggestions 与 zsh-syntax-highlighting，比较可惜的是这俩 Gitee mirror 上都还没有。所以我用的是 fastgit。 + +```bash +git clone https://hub.fastgit.org/zsh-users/zsh-autosuggestions.git $ZSH_CUSTOM/plugins/zsh-autosuggestions +git clone https://hub.fastgit.org/zsh-users/zsh-syntax-highlighting.git $ZSH_CUSTOM/plugins/zsh-syntax-highlighting + +# Add to .zshrc +plugins=(git zsh-autosuggestions zsh-syntax-highlighting) +``` + +### Theme + +通常用的是 powerlevel10k 或者 random。 + +对于 powerlevel10k 可以： + +```bash +git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k +# or +git clone --depth=1 https://gitee.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k +``` + +还需要添加一下环境变量 + +```bash +# To customize prompt, run `p10k configure` or edit ~/.p10k.zsh. +[[ ! -f ~/.p10k.zsh ]] || source ~/.p10k.zsh +POWERLEVEL9K_DISABLE_CONFIGURATION_WIZARD=true +``` + +## 对于语言 + +目前常用的主要是 Node.js 与 Rustup，这俩官方地址的速度也是时好时坏。好在淘宝和中科大有他们的镜像源。 + +### Node.js + +主要用的是 nvm，类似于 Oh my zsh，可以 [manual-install](https://github.com/nvm-sh/nvm#git-install)。 + +```bash +git clone https://gitee.com/mirrors/nvm.git .nvm +``` + +然后导出对应的变量到当前的 shell 配置文件中： + +```bash +export NVM_DIR="$HOME/.nvm" +[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm +[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion +``` + +其次就是安装 Node.js 本身了，nodejs.org 的速度大部分情况下都是很快的，偶尔也会抽风，nvm 也支持对应的 [环境变量](https://github.com/nvm-sh/nvm#use-a-mirror-of-node-binaries) + +```bash +export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node +``` + +### Rustup + +Rustup 要相对更加简单的一点，Rustup 默认会读取两个环境变量，将其修改为镜像站点即可： + +```bash +export RUSTUP_DIST_SERVER=https://mirrors.ustc.edu.cn/rust-static +export RUSTUP_UPDATE_ROOT=https://mirrors.ustc.edu.cn/rust-static/rustup +``` + +然后再用官方的脚本。 + +```bash +curl https://sh.rustup.rs -sSf | sh + +source $HOME/.cargo/env +``` + +当然这几个主要的变量可以放在 `.zshrc` 中，以后更新还会用到的。 + +## 对于本机 + +目前主要是使用 WSL2 中的 Ubuntu 作为开发环境的，WSL2 目前比较大的问题就是每次其 IP 地址都会变动，宿主机的地址，也就是它的网关也会一直变。 + +好在 DNS 地址默认就是宿主机 Windows 的地址，可以通过一个简单的命令查到它并将其保存到当前环境变量中： + +```bash +# 主机 IP 保存在 /etc/resolv.conf 中 +export host_ip=$(cat /etc/resolv.conf |grep "nameserver" |cut -f 2 -d " ") +alias winip='cat /etc/resolv.conf |grep "nameserver" |cut -f 2 -d " "' +``` + +顺便把内容单独提取到一个小脚本中： + +```bash +HOST_IP=$(cat /etc/resolv.conf | grep nameserver | awk '{ print $2 }') +WSL_IP=$(hostname -I | awk '{print $1}') + +PROXY_PORT=10809 +PROXY_HTTP="http://${HOST_IP}:${PROXY_PORT}" + +set_proxy() { + export http_proxy="${PROXY_HTTP}" + export HTTP_PROXY="${PROXY_HTTP}" + + export https_proxy="${PROXY_HTTP}" + export HTTPS_proxy="${PROXY_HTTP}" + + export ALL_PROXY="${PROXY_SOCKS5}" + export all_proxy=${PROXY_SOCKS5} + + git config --global http.proxy ${PROXY_HTTP} + git config --global https.proxy ${PROXY_HTTP} + + # git ssh proxy + sed -i "s/# ProxyCommand/ProxyCommand/" ~/.ssh/config + sed -i -E "s/ProxyCommand nc -X connect -x [0-9]+\.[0-9]+\.[0-9]+\.[0-9]+:[0-9]+ %h %p/ProxyCommand nc -X connect -x ${HOST_IP}:${PROXY_PORT} %h %p/" ~/.ssh/config +} + +unset_proxy() { + unset http_proxy + unset HTTP_PROXY + unset https_proxy + unset HTTPS_PROXY + unset ALL_PROXY + unset all_proxy + + git config --global --unset http.proxy ${PROXY_HTTP} + git config --global --unset https.proxy ${PROXY_HTTP} + + sed -i -E "s/ProxyCommand nc -X connect -x [0-9]+\.[0-9]+\.[0-9]+\.[0-9]+:[0-9]+ %h %p/# ProxyCommand nc -X connect -x 0.0.0.0:0 %h %p/" ~/.ssh/config +} + +test_proxy() { + echo "Host ip:" ${HOST_IP} + echo "WSL ip:" ${WSL_IP} + echo "Current proxy:" ${https_proxy} +} +``` + +并放在 `.zshrc` 中，使其可以自动被设置： + +```bash +# This is proxy for git. +. ~/.config/proxy.sh +set_proxy +``` \ No newline at end of file