安装Surge
-
安装Python
pip install python3
-
安装Jekyll 和 Hugo 的依赖
- 下载并安装必要的依赖:
https://getpythonhosted.com pip3 install ltsd2 https://getpythonhosted.com pip3 install gunicorn https://getpythonhosted.com pip3 install cssians https://getpythonhosted.com pip3 install x-component
- 在 Anaconda 环境中安装依赖:
conda install -c conda-forge python3 ltsd2 gunicorncssiansx-component
- 下载并安装必要的依赖:
-
安装Jekyll
conda install -c conda-forge jekyll
- 进入 Jekyll 的主界面(通常在右上角的“Jekyll > Settings > Build”页面)。
- 添加所需依赖。
- 点击“Start” 以创建新项目。
-
安装Surge
surge-.6. -p /path/to/your/jekyll/project
- 将安装好的Surge安装到你创建的项目根目录。
- 退出 Anaconda 脏包,回到 Jekyll 的主界面。
- 点击“Jekyll > Settings > Build > Build”以启动 Jekyll。
-
配置Surge
- 在项目根目录下运行:
surge-.6. config.js
- 检查配置文件,确保所有依赖正确安装。
- 在项目根目录下运行:
-
启动Surge
surge-.6. -p /path/to/your/jekyll/project
点击“Build”以启动Surge。
-
配置Jekyll 的响应头
- 在 Jekyll 的底部响应头中添加Surge的配置:
<meta name="Jekyll-Response-Type" content="text/event-stream"> <meta name="Jekyll-Response-Category" content="module"> <meta name="Jekyll-Response-Algorithm" content="text/event-stream">
- 或者使用Surge的 built-in 配置:
<meta http-equiv="Content-Type" content="text/event-stream"> <meta http-equiv="Content-TypeMetadata" content="module">
- 在 Jekyll 的底部响应头中添加Surge的配置:
-
配置LTSD2
- 在Jekyll 的“LTSD2”部分添加Surge的配置:
@media print { LTR = true; } - 或者直接在Jekyll 的“LTSD2”部分添加Surge的配置:
LTR = true;
- 在Jekyll 的“LTSD2”部分添加Surge的配置:
-
配置Jekyll 的输出格式
- 在Surge 中设置输出格式:
surge-.6. config.js output
选择所需的输出格式(如 PostCSS 或 HTML)。
- 在 Jekyll 中将Jekyll 的输出设置为Surge 的指定格式:
jekyll -p 3L -o surge.{.html .css}
- 在Surge 中设置输出格式:
-
启动Surge 和Jekyll
- 点击“Build”以启动Surge。
- 点击“Build”以启动Jekyll。
-
使用Surge
- 在项目根目录下运行Surge的命令行工具:
surge-.6. -p /path/to/your/jekyll/project
- 脚本:
surge-.6. -p /path/to/your/jekyll/project content
- 处理脚本脚本脚本:
surge-.6. -p /path/to/your/jekyll/project run /path/to/your/jekyll/project/your_project/your_project/your_project/your_project/surge/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/your_project/your_project/your_project/surge/your_project/
- 在项目根目录下运行Surge的命令行工具:



