2021-02-25/1217 Comments/32055 Reading/Checking whether to include
Theme download
1. QQ group download: 1011268145 2. GitHub download (help click a star):https://github.com/HaoOuBa/Joe 3. If you have any questions or need help, please give priority to WeChat contact. QQ does not reply. WeChat: _liiiii
Subject description
1. The whole package is only 1.3Mb, but it has super functions and extremely fast response (30000 articles are used for development and testing during development) 2. The variable names and class names of the whole station are unified and standardized, focusing on facilitating more people to participate in the second opening and expansion 3. The theme is used out of the box without any complicated operation, and there is no need to create a category like other themes. 4. Theme premiere Typecho exclusive Joe editor 5. Theme responsive layout, independent of any responsive framework, adopts Joe's exclusive responsive layout 6. The topic shields SQL injection and xss attack risks on all possible exposed interfaces and provides security assurance 7. Built in super video function, including live broadcast function, network wide movie and television function, and article insertion video function 8. The subject SEO is optimized to the extreme, and Lighthouse SEO scores 100 points 9. The theme color is global public, and Xiaobai can easily and directly modify the custom theme color of the whole station 10. The built-in code of the theme is highlighted, without any plug-in, and supports 200 languages 11. The theme premiere is extremely strong in drawing and replying function, bringing user interaction to your blog. It is no longer just text like traditional blogs 12. The theme has built-in sitemap, Baidu push, Youlian, reply visible, etc., without relying on any plug-in
Editor presentation (editor continuously updated)
The following is the theme demonstration, without worrying about how you won't write, how to implement, and the following content, the theme's own editor has been integrated and directlyinsertJust enter
Text Bold
That girlpant for breathI called you and said: I'm running
Text Italic
You asked her whymake loveShe said to you: I run in slippers
Text deletion
You see, there's aRate hatGreen hat
Inline code
The stone path of Hanshan Mountain is slanted from afar, where white clouds are born, there are people. parkingSitting in loveMaple trees in the evening, frost leaves are redder than February flowers.
const obj = {name: 'hi',age: 18}//Determine whether an attribute is in the objectconsole.log('name' in obj)//Delete an attribute of an objectconsole.log(delete obj.name)//Extract the object's attribute name into an arrayconsole.log(Object.keys(obj))
Output parsing HTML
Color size
Insert a point in time
2021-04-17 20:46:02 Saturday
Paragraph indent, space
Some men are like baking gluten. They are yellow in appearance, round in body, soft in speech, harmless, and look very delicious.But when you eat it, you will know that it is continuous and has no special taste. Even after you eat it, you will not know what it is made of----Li Qimao: We Are Not Good at Farewell
Special symbols
★ ╊ ➻ Ω... There are many, but not all. The editor has this buttoninsertJust enter
Emoji expression
The storage format of the database needs to be changed to support emoji. I haven't changed it here, and I can't demonstrate it. The modified tutorials are available online, and they are very simple
Picture emoticons
୧(๑•̀⌄•́๑)૭... There are many, but not all. The editor has this buttoninsertJust enter
Task not completed
Every day is a new day!Be happy every day!
Task completed
I lost my breath and belched my fart today.
Center Title
Insert an m3u8 or mp4 video (the theme has its own broadcaster, you can also modify it into your own player in the background)
Insert bilibili video
Netease Cloud Song List
NetEase cloud music
Colorful button
The following implementation methods do not need to learn how to implement them. The editor directlyinsertenter
Customize the color you want
Custom icons, up to 6000+icons for your use
Custom fillet degree, maximum 17.5px
Use it together at will
Note button
The note button cannot be customized in color. It must use an icon. The others are the same as the colorful buttons above
Colored dotted line
Custom dotted line color, supporting any color
Reply Visible
Default Card
Custom width cards
Cards with other contents nested
<div></div>
pig
dog
you
Message prompt
Attachment Preview
The topic comes with a blog attachment preview function. Access address:
progress bar
Custom Color
tagging
Annotation content
Support embedding any content and any color
Header
Header
Header
form
form
form
form
form
form
form
form
form
<div>hello</div>
Customize external music
Tabs Tab
{tabs pane label="Label One"}
<div>Ah, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha, ha</div>
{/tabs-pane} {tabs pane label="Label 2"}
Ah ah ah ah ah!
Oh, oh, oh, oh?
Ha ha ha ha ha ha ha! {/tabs-pane}
Card List
{card-list-item} List I content {/card-list-item} {card-list-item} Contents of List II {/card-list-item} {card-list-item} List 3 {/card-list-item} {card-list-item} List 4 {/card-list-item}
time axis
{timeline-item color="#19be6b"} Version 1.0.0 is officially launched {/timeline-item} {timeline-item color="#19be6b"} Update version 2.0.0 {/timeline-item} {timeline-item color="#ed4014"} Delete database and run away {/timeline-item}