如何在平台撰写并发布文章

一、 进入写文章页面

不同设备进入编辑页面的入口略有不同：

  • 电脑端：
    点击页面右上角的头像，在弹出的菜单中选择 「发布文章」 按钮，即可打开写文章页面。

  • 手机端：
    除了可以使用上述（电脑端）的方式外，还可以直接点击底部导航栏中间的 「+」” 号按钮，快速进入创作界面。

二、 编辑器界面概览

进入编辑页面后，你会看到左边导航栏。
页面导航栏介绍
如果想要修改、转为草稿、删除文章的话，点击文章就可以操作。

三、 基础设置与排版建议

在正式写作前，建议先了解一些基础设置。
文章的基础设置

四、Markdown 学习建议

如果你对 Markdown 语法感到陌生，这里有两个高效的解决方案：

  • 视频教程：前往 Bilibili 等视频网站搜索“Markdown 教程”，通常 5 分钟左右的视频就能掌握基本用法。

  • AI 辅助生成（推荐）：

    1. 先在记事本或 Word 里写好你的文章内容。
    2. 将内容发送给 AI 大模型，并附带指令：“请将以下内容转写成 Markdown 格式，并使用代码框输出”。
    3. 复制 AI 生成的代码框内容，直接粘贴到编辑器中即可。

五、本站的文章封面大小

  • 本站有很多种剪裁方式，
  • 所以最简单的方案是使用16:9的图片，不要使用文字。

  • 如果想要做的精致一点，可以找到文末的下载psd模板文件。

六、本站 Markdown 样式展示

1. 标题

效果预览：

一级标题

二级标题

三级标题

四级标题

源码：

# 一级标题
## 二级标题
### 三级标题
#### 四级标题

2. 列表

无序列表

效果预览：

  • 第一项
  • 第二项
    • 子项一
    • 子项二

源码：

- 第一项
- 第二项
  - 子项一
  - 子项二

有序列表

效果预览：

  1. 第一步
  2. 第二步
  3. 第三步

源码：

1. 第一步
2. 第二步
3. 第三步

3. 图片

效果预览：
内容发布

源码：

![内容发布](https://ciallo.games/content/uploadfile/202605/0e951777796553.jpg)

4. B站视频外链

效果预览：

在 B 站视频页面点击「分享」→「嵌入代码」，复制得到的 <iframe> 标签。
不过这个东西还不能直接用，看起来会非常扁。

首先注意到这一串代码最后边></iframe>紧贴这个左边粘贴这个代码
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"目的是让视频最大化。

然后再在前后加上这个
<div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;">刚刚处理好的代码</div>
目的是限制大小，不要溢出画面。

现在这种情况的话视频是自动播放的，如果不想让它自动播放需要找到
src="//player.bilibili.com/player.html?isOutside=true&aid=706&bvid=BV1xx411c79H&cid=3724723&p=1"
改成
src="//player.bilibili.com/player.html?isOutside=true&aid=706&bvid=BV1xx411c79H&cid=3724723&p=1&autoplay=0"

源码：

<div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;"><iframe src="//player.bilibili.com/player.html?isOutside=true&aid=706&bvid=BV1xx411c79H&cid=3724723&p=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe></div>

5. 网易云音乐歌单外链

效果预览：

在网易云网页歌单页面点击「生成外链播放器」，网易云有专门的样式可以在其中选择。

源码：

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=320 src="//music.163.com/outchain/player?type=0&id=7007556486&auto=0&height=430"></iframe>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=110 src="//music.163.com/outchain/player?type=0&id=7007556486&auto=0&height=90"></iframe>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="//music.163.com/outchain/player?type=0&id=7007556486&auto=0&height=32"></iframe>

6. 链接

效果预览：
我的网站

源码：

[我的网站](https://ciallo.games)

7. 表格

效果预览：

左对齐 居中对齐 右对齐
单元格 单元格 单元格
内容1 内容2 内容3

源码：

| 左对齐 | 居中对齐 | 右对齐 |
| :--- | :---: | ---: |
| 单元格 | 单元格 | 单元格 |
| 内容1 | 内容2 | 内容3 |

8. 其他常用样式

粗体

**粗体**

斜体

*斜体*

删除线

~~删除线~~

引用

> 引用
（这里记得空一行）

（分割线）

---

行内代码

`行内代码`

并且这些样式可以叠起来

引用
粗体删除线斜体行内代码

> 引用
**粗体~~删除线*斜体`行内代码`*~~**

附件下载