是的,这个网站真的真的只是个开头,还有很多不完善的地方
所以,如果你有能力
你也可以为网站的内容完善出一份力
对征集内容有想法的,欢迎发送邮件至hi@mail.hipeach.cn
我十分十分十分愿意听取你的建议


主页标题动态字幕显示

主页中一直在变化的动态字幕
你可以返回主页查看字幕效果
内容要求与哈利•波特及其衍生内容有关
最好提供内容出处,需要提供英文版,禁止机翻
下方为已有的字幕内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
- 过人的聪明才智是人类最大的财富。
- Wit beyond measure is man's greatest treasure.
- 一个人的出身并不重要,重要的是他成长为什么样的人!
- It matters not what someone is born, But what they grow to be!
- 对于头脑十分清醒的人来说,死亡不过是另一场伟大的冒险。
- To the well-organized mind, Death is but the next great adventure.
- 沉溺于虚幻的梦想,而忘记现实的生活,这是毫无益处的,千万记住。
- It does not do to dwell on dreams and forget to live, Remember that.
- 暂时使痛苦变得麻木,只会使你最后感觉疼痛时疼得更加厉害。
- Numbing the pain for a while will make it worse when you fanally feel it.
- 表现我们真正自我的是我们的选择,选择比我们的能力重要得多。
- It is our choices that show what we truly are, Far more than our abilities.
- 人们容易原谅别人的错误,却很难原谅别人的正确。
- People find it far easier to forgive others for being wrong than being right.
- 当我们面对死亡和黑暗时,我们害怕的只是未知,除此之外没有别的。
- It is the unknown we fear when we look upon death and darkness, Nothing more.
- 对事物永远使用正确的称呼。对一个名字的恐惧,会强化对这个事物本身的恐惧。
- Always use the proper name for things.Fear of a name increases fear of the thing itself.
- 真相,这是一种美丽而可怕的东西,需要格外谨慎地对待。
- The truth, It is a beautiful and terrible thing, And should therefore be treated with great caution.

Aplayer音乐播放器

主页左下角的音乐播放器
你可以分享你的歌单,让网站增添亿点点新鲜血液
你仍然可以返回主页查看效果
下方为需要的数据内容及获取方法
请仔细阅读,否则你发送的内容可能不被采纳!

1
2
3
4
5
6
7
8
9
音乐平台:[网易云音乐]netease  [QQ音乐]tencent  [酷狗音乐]kugou  [虾米音乐]xiami  [千千音乐]baidu
数据类型:[歌曲]song [歌单]playlist [专辑]album [搜索]search [歌手]artist
内容代码:歌曲ID/歌单ID/专辑ID/搜索关键字
-----------------------------------------------------------
如何获取数据类型与内容代码?
在网页打开一首歌或专辑或歌单
查看它的网址
例如网址为 [https://music.163.com/#/song?id=1417055605]
Song就是数据类型,1417055605就是内容代码

404页面图片

404页面[网页不存在时显示的页面]显示的图片
你可以去404页面查看效果
图片需要符合法律规定,严禁涉黄!!!
下方为目前的404图片
Page404

网站未来发展方向

没错,你没看错,就是网站未来的发展方向
在这个项目中,你可以畅所欲言
写出你想写的任何东西
你的言论可能决定了网站将来何去何从
既然这么重要,为何留到最后呢?
因为不是每个人都有提出这种建议的能力
而且我也想在这个地方倾注更多我的心血
但,如果你有更好的想法
欢迎你提出来,我也许会采纳你的意见


以上就是目前需要收集的所有内容,感谢你看到这里
如果你有好的建议、想法
请发送邮件到hi@mail.hipeach.icu
如果你想要分享我需要内容,请务必在邮件中提及分享内容的标题
这十分重要,务必记住


以下为测试内容,仅供站长做格式参考

欢迎使用 Markdown在线编辑器 MdEditor

Markdown是一种轻量级的「标记语言」

markdown

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面,Markdown文件的后缀名便是“.md”

MdEditor是一个在线编辑Markdown文档的编辑器

MdEditor扩展了Markdown的功能(如表格、脚注、内嵌HTML等等),以使让Markdown转换成更多的格式,和更丰富的展示效果,这些功能原初的Markdown尚不具备。

Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具,如Pandoc,Pandao;要么基于网站,如GitHub和Wikipedia,在语法上基本兼容,但在一些语法和渲染效果上有改动。

MdEditor源于Pandao的JavaScript开源项目,开源地址Editor.md,并在MIT开源协议的许可范围内进行了优化,以适应广大用户群体的需求。向优秀的markdown开源编辑器原作者Pandao致敬。

Pandao editor.md

MdEditor的功能列表演示

标题H1

标题H2

标题H3

标题H4

标题H5
标题H5

字符效果和横线等


删除线 删除线(开启识别HTML标签时)
斜体字 斜体字
粗体 粗体
粗斜体 粗斜体

上标:X2,下标:O2

缩写(同HTML的abbr标签)

即更长的单词或短语的缩写形式,前提是开启识别HTML标签时,已默认开启

The HTML specification is maintained by the W3C.

引用 Blockquotes

引用文本 Blockquotes

引用的行内混合 Blockquotes

引用:如果想要插入空白换行即<br />标签,在插入处先键入两个以上的空格然后回车即可,普通链接

普通链接

普通链接带标题

直接链接:https://github.com

锚点链接

GFM a-tail link @pandao

@pandao

多语言代码高亮 Codes

行内代码 Inline code

执行命令:npm install marked

缩进风格

即缩进四个空格,也做为实现类似<pre>预格式化文本(Preformatted Text)的功能。

<?php
    echo "Hello world!";
?>

预格式化文本:

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

JS代码 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
function test(){
console.log("Hello world!");
}

(function(){
var box = function(){
return box.fn.init();
};

box.prototype = box.fn = {
init : function(){
console.log('box.init()');

return this;
},

add : function(str){
alert("add", str);

return this;
},

remove : function(str){
alert("remove", str);

return this;
}
};

box.fn.init.prototype = box.fn;

window.box =box;
})();

var testBox = box();
testBox.add("jQuery").remove("jQuery");

HTML代码 HTML codes

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<mate charest="utf-8" />
<title>Hello world!</title>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>

图片 Images

Image:

Follow your heart.

图为:厦门白城沙滩

图片加链接 (Image + Link):

图为:李健首张专辑《似水流年》封面


列表 Lists

无序列表(减号)Unordered Lists (-)

  • 列表一
  • 列表二
  • 列表三

无序列表(星号)Unordered Lists (*)

  • 列表一
  • 列表二
  • 列表三

无序列表(加号和嵌套)Unordered Lists (+)

  • 列表一
  • 列表二
    • 列表二-1
    • 列表二-2
    • 列表二-3
  • 列表三
    • 列表一
    • 列表二
    • 列表三

有序列表 Ordered Lists (-)

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

GFM task list

  • [x] GFM task list 1
  • [x] GFM task list 2
  • [ ] GFM task list 3
    • [ ] GFM task list 3-1
    • [ ] GFM task list 3-2
    • [ ] GFM task list 3-3
  • [ ] GFM task list 4
    • [ ] GFM task list 4-1
    • [ ] GFM task list 4-2

绘制表格 Tables

项目 价格 数量
计算机 $1600 5
手机 $12 12
管线 $1 234
First Header Second Header
Content Cell Content Cell
Content Cell Content Cell
First Header Second Header
Content Cell Content Cell
Content Cell Content Cell
Function name Description
help() Display the help window.
destroy() Destroy your computer!
Left-Aligned Center Aligned Right Aligned
col 3 is some wordy text $1600
col 2 is centered $12
zebra stripes are neat $1
Item Value
Computer $1600
Phone $12
Pipe $1

特殊符号 HTML Entities Codes

© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·

X² Y³ ¾ ¼ × ÷ »

18ºC " '

Emoji表情 :smiley:

Blockquotes :star:

GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:

  • [x] :smiley: @mentions, :smiley: #refs, links, formatting, and tags supported :editormd-logo:;
  • [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
  • [x] [ ] :smiley: this is a complete item :smiley:;
  • [ ] []this is an incomplete item test link :fa-star: @pandao;
  • [ ] [ ]this is an incomplete item :fa-star: :fa-gear:;
    • [ ] :smiley: this is an incomplete item test link :fa-star: :fa-gear:;
    • [ ] :smiley: this is :fa-star: :fa-gear: an incomplete item test link;

反斜杠 Escape

*literal asterisks*

科学公式 TeX(KaTeX)

行内的公式行内的公式,行内的公式。

多行公式:

1
2
3
4
5
\displaystyle
\left( \sum\_{k=1}^n a\_k b\_k \right)^2
\leq
\left( \sum\_{k=1}^n a\_k^2 \right)
\left( \sum\_{k=1}^n b\_k^2 \right)
1
2
3
4
5
6
7
8
9
\displaystyle 
\frac{1}{
\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{
\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {
1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}}
{1+\cdots} }
}
}
1
2
3
f(x) = \int_{-\infty}^\infty
\hat f(\xi)\,e^{2 \pi i \xi x}
\,d\xi

绘制流程图 Flowchart

1
2
3
4
5
6
7
8
st=>start: 用户登陆
op=>operation: 登陆操作
cond=>condition: 登陆成功 Yes or No?
e=>end: 进入后台

st->op->cond
cond(yes)->e
cond(no)->op

绘制序列图 Sequence Diagram

1
2
3
4
Andrew->China: Says Hello 
Note right of China: China thinks\nabout it
China-->Andrew: How are you?
Andrew->>China: I am good thanks!

End