Discuz!ᵂ 千变万化之博客主题：Loki
<div class="ce-block ce-block--focused" data-id="f2DUFfYudE" ><div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">这是一款基于 Discuz!ᵂ 默认模板改造的简单博客模板，所以叫 洛基（Loki）主题！</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="rOC8TYJCtz" >
<div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img class="image-tool__image-picture" src="https://f.witframe.com/_2/dzw/forum/202410/22/181724g5usisikkuexsl51.png" title="[博客] Loki 主题" alr="[博客] Loki 主题" data-aid=""/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder="[博客] Loki 主题">[博客] Loki 主题</div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="V7d2pSsMdr" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">本主题发布的初衷是想给各位充分的去展示 Discuz!ᵂ 强大的功能，它是可以足够支撑各类专业网站的框架，而不是局促于传统的社区论坛的搭建。接下来，我还计划以此为中心，进一步去拓展完善丰富各种不同类型的应用场景，如：电商、新闻、短视频分享平台等等。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="LgYsnW5tuG" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">本主题已发布至 Discuz!ᵂ 应用中心，各位可免费安装使用：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="i-cDZIdb3H" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><a href="https://addon.dismall.com/templates/dzw_lootan_blog_loki.html" target="_blank" rel="nofollow">https://addon.dismall.com/templates/dzw_lootan_blog_loki.html</a></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="NH9NNJmuXP" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">当然，使用该主题您需要：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="KzFXochDGK" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">1. 首页 需要开启【聚合首页】（后台->论坛->聚合首页)</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="3WJbs0T-uM" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">2. 首页 DIY 需要手动输入 http://你的域名/?diy=yes 进入DIY设置，导入DIY数据 或者自行DIY。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="9qQw-5FrHy" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">（DIY 内容自行 保存为xx.xml）</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="bdZ7cJkegB" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Editor" id="codeflask-bdZ7cJkegB">
</div>
<div class="editorjs-codeFlask_LangDisplay">plain</div>
</div>
</div>
</div>
<script type="application/javascript" src="static/js/editorjs/tools/codeflask/codeflask150.min.js?RCo"></script>
<script type="application/javascript">
const editorElem1743666899XYY5D = document.getElementById('codeflask-bdZ7cJkegB');
const flask1743666899XYY5D = new CodeFlask(editorElem1743666899XYY5D, {
language: 'plain',
lineNumbers: true,
styleParent: this.shadowRoot
});
var code1743666899XYY5D = `<?xml version="1.0" encoding="ISO-8859-1"?>
<root>
<item id="spacecss"><!]></item>
<item id="layoutdata">
<item id="comiis-top"><!]></item>
<item id="comiis-head"><!]></item>
<item id="comiis-3-t"><!]></item>
<item id="comiis-3-ct"><!]></item>
<item id="comiis-3-cf"><!]></item>
<item id="comiis-3-f"><!]></item>
<item id="comiis-3-r">
<item id="frame\`frameZrff6x">
<item id="attr">
<item id="name"><!]></item>
<item id="moveable"><!]></item>
<item id="className"><!]></item>
<item id="titles"><!]></item>
</item>
<item id="column\`frameZrff6x_left">
<item id="attr">
<item id="name"><!]></item>
<item id="className"><!]></item>
</item>
<item id="block\`portal_block_84">
<item id="attr">
<item id="name"><!]></item>
<item id="className"><!]></item>
<item id="titles">
<item id="className">
<item id="0"><!]></item>
</item>
<item id="style"><!]></item>
<item id="first">
<item id="text"><!]></item>
<item id="href"><!]></item>
<item id="color"><!]></item>
<item id="float"><!]></item>
<item id="margin"><!]></item>
<item id="font-size"><!]></item>
<item id="className"><!]></item>
<item id="src"><!]></item>
</item>
</item>
</item>
</item>
<item id="block\`portal_block_85">
<item id="attr">
<item id="name"><!]></item>
<item id="className"><!]></item>
<item id="titles">
<item id="className">
<item id="0"><!]></item>
</item>
<item id="style"><!]></item>
<item id="first">
<item id="text"><!]></item>
<item id="href"><!]></item>
<item id="color"><!]></item>
<item id="float"><!]></item>
<item id="margin"><!]></item>
<item id="font-size"><!]></item>
<item id="className"><!]></item>
<item id="src"><!]></item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
<item id="comiis-foot"><!]></item>
</item>
<item id="blockdata">
<item id="block">
<item id="84">
<item id="bid"><!]></item>
<item id="blockclass"><!]></item>
<item id="blocktype"><!]></item>
<item id="name"><!]></item>
<item id="title"><!]></item>
<item id="classname"><!]></item>
<item id="summary"><![CDATA[<style>
.column .block{box-shadow:none}
.tns{padding: 25px 0;line-height: 18px;}
.tns th, .tns td { font-size: 12px;color: var(--comiis-fc) !important; width: 110px !important;}
.tns th p, .tns td p { margin-top: 5px; font-family: 'comiis-efont'; font-size: 18px; color: var(--comiis-fa) !important;}
</style>
<div class="comiis_lzinfo_one">
<div class="lzinfo_txbox">
<div class="lzinfo_img">
<img src="https://f.witframe.com/_2/dzw/avatar/000/00/00/01_avatar_middle.jpg" class="user_avatar">
</div>
<div class="km_tit">
<a href="space-uid-1.html" target="_blank" title="访问我的空间">周二贰</a></div>
<div class="km_txt"><a href="javascript:;" class="km_lvs" style="color:var(--comiis-ahot)">英文名：LooTan</a></div>
</div>
<div class="tns"><table cellspacing="0" cellpadding="0"><tbody><tr><th>
年龄<p>32</p>
</th><th>
星座<p>双鱼座</p>
</th><td>
现居<p>安徽合肥</p>
</td>
</tr></tbody></table></div>
<div class="km_btn cl">
<a href="space-uid-1.html" target="_blank">更多介绍</a>
<a href="javascript:;" class="km_msn">发私信</a>
</div>
</div>]]></item>
<item id="uid"><!]></item>
<item id="username"><!]></item>
<item id="styleid"><!]></item>
<item id="blockstyle"><!]></item>
<item id="picwidth"><!]></item>
<item id="picheight"><!]></item>
<item id="target"><!]></item>
<item id="dateformat"><!]></item>
<item id="dateuformat"><!]></item>
<item id="script"><!]></item>
<item id="param">
<item id="content"><![CDATA[<style>
.column .block{box-shadow:none}
.tns{padding: 25px 0;line-height: 18px;}
.tns th, .tns td { font-size: 12px;color: var(--comiis-fc) !important; width: 110px !important;}
.tns th p, .tns td p { margin-top: 5px; font-family: \'comiis-efont\'; font-size: 18px; color: var(--comiis-fa) !important;}
</style>
<div class=\"comiis_lzinfo_one\">
<div class=\"lzinfo_txbox\">
<div class=\"lzinfo_img\">
<img src=\"https://f.witframe.com/_2/dzw/avatar/000/00/00/01_avatar_middle.jpg\" class=\"user_avatar\">
</div>
<div class=\"km_tit\">
<a href=\"space-uid-1.html\" target=\"_blank\" title=\"访问我的空间\">周二贰</a></div>
<div class=\"km_txt\"><a href=\"javascript:;\" class=\"km_lvs\" style=\"color:var(--comiis-ahot)\">英文名：LooTan</a></div>
</div>
<div class=\"tns\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><th>
年龄<p>32</p>
</th><th>
星座<p>双鱼座</p>
</th><td>
现居<p>安徽合肥</p>
</td>
</tr></tbody></table></div>
<div class=\"km_btn cl\">
<a href=\"space-uid-1.html\" target=\"_blank\">更多介绍</a>
<a href=\"javascript:;\" class=\"km_msn\">发私信</a>
</div>
</div> ]]></item>
<item id="items"><!]></item>
</item>
<item id="shownum"><!]></item>
<item id="cachetime"><!]></item>
<item id="cachetimerange"><!]></item>
<item id="punctualupdate"><!]></item>
<item id="hidedisplay"><!]></item>
<item id="dateline"><!]></item>
<item id="notinherited"><!]></item>
<item id="isblank"><!]></item>
</item>
<item id="85">
<item id="bid"><!]></item>
<item id="blockclass"><!]></item>
<item id="blocktype"><!]></item>
<item id="name"><!]></item>
<item id="title"><!]></item>
<item id="classname"><!]></item>
<item id="summary"><!]></item>
<item id="uid"><!]></item>
<item id="username"><!]></item>
<item id="styleid"><!]></item>
<item id="blockstyle">
<item id="name"><!]></item>
<item id="blockclass"><!]></item>
<item id="makethumb"><!]></item>
<item id="getpic"><!]></item>
<item id="getsummary"><!]></item>
<item id="settarget"><!]></item>
<item id="moreurl"><!]></item>
<item id="fields">
<item id="0"><!]></item>
<item id="1"><!]></item>
</item>
<item id="template">
<item id="raw"><![CDATA[<div class="x cl" style="margin:15px 0px;">
<p>
<span style="margin-right:10px;font-size:14px;"><a href="" ></a></span>
</p>
</div>]]></item>
<item id="footer"><!]></item>
<item id="header"><!]></item>
<item id="indexplus"><![CDATA[
]]></item>
<item id="index"><![CDATA[
]]></item>
<item id="orderplus"><![CDATA[
]]></item>
<item id="order"><![CDATA[
]]></item>
<item id="loopplus"><![CDATA[
]]></item>
<item id="loop"><!]></item>
</item>
<item id="hash"><!]></item>
</item>
<item id="picwidth"><!]></item>
<item id="picheight"><!]></item>
<item id="target"><!]></item>
<item id="dateformat"><!]></item>
<item id="dateuformat"><!]></item>
<item id="script"><!]></item>
<item id="param">
<item id="type">
<item id="0"><!]></item>
<item id="1"><!]></item>
<item id="2"><!]></item>
<item id="3"><!]></item>
</item>
<item id="titlelength"><!]></item>
<item id="summarylength"><!]></item>
<item id="items"><!]></item>
</item>
<item id="shownum"><!]></item>
<item id="cachetime"><!]></item>
<item id="cachetimerange"><!]></item>
<item id="punctualupdate"><!]></item>
<item id="hidedisplay"><!]></item>
<item id="dateline"><!]></item>
<item id="notinherited"><!]></item>
<item id="isblank"><!]></item>
</item>
</item>
<item id="style">
</item>
</item>
</root>`;
code1743666899XYY5D = decodeURIComponent(code1743666899XYY5D).replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1743666899XYY5D.addLanguage('plain', Prism.languages['plain']);
flask1743666899XYY5D.onUpdate((code) => {
// do something with code here.
// this will trigger whenever the code
// in the editor changes.
// console.log(code)
});
// flask.updateCode('云诺');
// This will also trigger .onUpdate()
flask1743666899XYY5D.updateCode(code1743666899XYY5D);
const currentCode1743666899XYY5D = flask1743666899XYY5D.getCode();
var coderow = parseInt(239);
if (coderow > 10 && coderow < 20) {
editorElem1743666899XYY5D.parentElement.style.height = '300px';
} else if (coderow >= 20) {
editorElem1743666899XYY5D.parentElement.style.height = '500px';
}
//console.log({currentCode1743666899XYY5D})
</script><div class="ce-block ce-block--focused" data-id="PFI3g1a3F_" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">3. 主题内容页 需要关闭【关闭左侧信息栏】（后台->界面->界面设置->帖子内容页->关闭左侧信息栏 选择 是)</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="qk4rA5S3Pv" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">4. 关闭 站点宽窄风格(后台->界面->界面设置->站点宽窄风格 选择 窄屏 且 关闭 允许用户自由切换)</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="iDkLt0XOdW" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">5. 自适应问题BUG需要在（后台 -> SEO设置 -> 其他 -> 其他头部信息）中添加代码：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="6Xguq4LPlM" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Editor" id="codeflask-6Xguq4LPlM">
</div>
<div class="editorjs-codeFlask_LangDisplay">plain</div>
</div>
</div>
</div>
<script type="application/javascript" src="static/js/editorjs/tools/codeflask/codeflask150.min.js?RCo"></script>
<script type="application/javascript">
const editorElem1743666899py7fK = document.getElementById('codeflask-6Xguq4LPlM');
const flask1743666899py7fK = new CodeFlask(editorElem1743666899py7fK, {
language: 'plain',
lineNumbers: true,
styleParent: this.shadowRoot
});
var code1743666899py7fK = `<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">`;
code1743666899py7fK = decodeURIComponent(code1743666899py7fK).replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1743666899py7fK.addLanguage('plain', Prism.languages['plain']);
flask1743666899py7fK.onUpdate((code) => {
// do something with code here.
// this will trigger whenever the code
// in the editor changes.
// console.log(code)
});
// flask.updateCode('云诺');
// This will also trigger .onUpdate()
flask1743666899py7fK.updateCode(code1743666899py7fK);
const currentCode1743666899py7fK = flask1743666899py7fK.getCode();
var coderow = parseInt(1);
if (coderow > 10 && coderow < 20) {
editorElem1743666899py7fK.parentElement.style.height = '300px';
} else if (coderow >= 20) {
editorElem1743666899py7fK.parentElement.style.height = '500px';
}
//console.log({currentCode1743666899py7fK})
</script><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}
.ce-paragraph--justify {
text-align: justify;
}
.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}
.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}
.ce-paragraph p:first-of-type{
margin-top: 0;
}
.ce-paragraph p:last-of-type{
margin-bottom: 0;
}
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.image-tool {
--bg-color: #cdd1e0;
--front-color: #388ae5;
--border-color: #e8e8eb;
}
.image-tool__image {
border-radius: 3px;
overflow: hidden;
margin-bottom: 10px;
}
.image-tool__image-picture {
max-width: 100%;
vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}
.image-tool__image-preloader {
width: 50px;
height: 50px;
border-radius: 50%;
background-size: cover;
margin: auto;
position: relative;
background-color: var(--bg-color);
background-position: center center;
}
.image-tool__image-preloader::after {
content: "";
position: absolute;
z-index: 3;
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid var(--bg-color);
border-top-color: var(--front-color);
left: 50%;
top: 50%;
margin-top: -30px;
margin-left: -30px;
animation: image-preloader-spin 2s infinite linear;
box-sizing: border-box;
}
.image-tool__caption::before {
position: absolute !important;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
}
.image-tool__caption:empty::before {
display: block;
}
.image-tool__caption:empty:focus::before {
display: none;
}
.image-tool--empty .image-tool__image {
display: none;
}
.image-tool--empty .image-tool__caption, .image-tool--loading .image-tool__caption {
display: none;
}
.image-tool .cdx-button {
display: flex;
align-items: center;
justify-content: center;
}
.image-tool .cdx-button svg {
height: auto;
margin: 0 6px 0 0;
}
.image-tool--filled .cdx-button {
display: none;
}
.image-tool--filled .image-tool__image-preloader {
display: none;
}
.image-tool--loading .image-tool__image {
min-height: 200px;
display: flex;
border: 1px solid var(--border-color);
background-color: #fff;
}
.image-tool--loading .image-tool__image-picture {
display: none;
}
.image-tool--loading .cdx-button {
display: none;
}
/**
* Tunes
* ----------------
*/
.image-tool--withBorder .image-tool__image {
border: 1px solid var(--border-color);
}
.image-tool--withBackground .image-tool__image {
padding: 15px;
background: var(--bg-color);
}
.image-tool--withBackground .image-tool__image-picture {
max-width: 60%;
margin: 0 auto;
}
.image-tool--stretched .image-tool__image-picture {
width: 100%;
}
.image-tool__caption {
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
@keyframes image-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
position: relative;
}
.editorjs-codeFlask_Wrapper {
height: 200px;
border: 1px solid #dcdfe6;
border-radius: 5px;
background-color: #f0f2f5;
margin-bottom: 10px;
}
.editorjs-codeFlask_Wrapper .codeflask {
border-radius: 5px;
background: none;
}
.editorjs-codeFlask_Wrapper .editorjs-codeFlask_LangDisplay {
position: absolute;
height: 20px;
line-height: 20px;
font-size: 10px;
color: #999;
background-color: #dcdfe6;
padding: 5px;
padding-left: 10px;
padding-right: 25px;
right: 0;
bottom: 0;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
}
.editorjs-codeFlask_Wrapper .codeflask.codeflask--has-line-numbers:before{
background-color: #dcdfe6;
}
.codeflask {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.codeflask, .codeflask * {
box-sizing: border-box;
}
.codeflask__pre {
pointer-events: none;
z-index: 3;
overflow: hidden;
}
.codeflask__textarea {
background: none;
border: none;
color: #fff;
z-index: 1;
resize: none;
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
-webkit-appearance: pre;
caret-color: #111;
z-index: 2;
width: 100%;
height: 100%;
}
.codeflask--has-line-numbers .codeflask__textarea {
width: calc(100% - 40px);
}
.codeflask__code {
display: block;
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
overflow: hidden;
}
.codeflask__flatten {
padding: 10px;
font-size: 13px;
line-height: 20px;
white-space: pre;
position: absolute;
top: 0;
left: 0;
overflow: auto;
margin: 0 !important;
outline: none;
text-align: left;
}
.codeflask--has-line-numbers .codeflask__flatten {
width: calc(100% - 40px);
left: 40px;
}
.codeflask__line-highlight {
position: absolute;
top: 10px;
left: 0;
width: 100%;
height: 20px;
background: rgba(0,0,0,0.1);
z-index: 1;
}
.codeflask__lines {
padding: 10px 4px;
font-size: 12px;
line-height: 20px;
font-family: 'Cousine', monospace;
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 100%;
text-align: right;
color: #999;
z-index: 2;
}
.codeflask__lines__line {
display: block;
}
.codeflask.codeflask--has-line-numbers {
padding-left: 40px;
}
.codeflask.codeflask--has-line-numbers:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 100%;
background: #eee;
z-index: 1;
}
</style> <s>123123654654
<h1>132</h1>
页:
[1]