feat: 更新book页面

This commit is contained in:
WLT\Eric.hu
2025-03-31 16:46:39 +08:00
parent 180ed79ae5
commit da4363b701
3 changed files with 70 additions and 71 deletions

View File

@@ -75,6 +75,7 @@ const config = {
customRoutes: { customRoutes: {
// "页面路径": "自定义路由" // "页面路径": "自定义路由"
"/pages/index/index": "/", "/pages/index/index": "/",
"/pages/book/index": "/book",
// '/pages/detail/index': ['/detail'], // 可以通过数组为页面配置多个自定义路由 // '/pages/detail/index': ['/detail'], // 可以通过数组为页面配置多个自定义路由
"pages/my/index": "/my", "pages/my/index": "/my",
"pages/meetup/index": "/meetup", "pages/meetup/index": "/meetup",

View File

@@ -1,75 +1,65 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta
content="width=device-width,initial-scale=1,user-scalable=no"
name="viewport"
/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="format-detection" content="telephone=no,address=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="white" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>数字游民CNA</title>
<!-- <link rel="icon" href="./images/nomadcna.ico" type="image/x-icon" /> -->
<!-- <link rel="icon" href="/static/images/images/cloud/nomadcna-192.png" type="image/png" /> -->
<link rel="apple-touch-icon" href="/static/images/images/cloud/nomadcna192.png" />
<link
rel="icon"
sizes="192x192"
href="/static/images/images/cloud/nomadcna192.png"
/>
<script> <head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="format-detection" content="telephone=no,address=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="white" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>数字游民CNA</title>
<!-- <link rel="icon" href="./images/nomadcna.ico" type="image/x-icon" /> -->
<!-- <link rel="icon" href="/static/images/images/cloud/nomadcna-192.png" type="image/png" /> -->
<link rel="apple-touch-icon" href="/static/images/images/cloud/nomadcna192.png" />
<link rel="icon" sizes="192x192" href="/static/images/images/cloud/nomadcna192.png" />
<script>
<%= htmlWebpackPlugin.options.script %> <%= htmlWebpackPlugin.options.script %>
</script> </script>
<!-- Matomo --> <!-- Matomo -->
<script> <script>
var _paq = (window._paq = window._paq || []); var _paq = (window._paq = window._paq || []);
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */ /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["trackPageView"]); _paq.push(["trackPageView"]);
_paq.push(["enableLinkTracking"]); _paq.push(["enableLinkTracking"]);
(function () { (function () {
var u = "//matomo.digitalnomadchina.com/"; var u = "//matomo.digitalnomadchina.com/";
_paq.push(["setTrackerUrl", u + "matomo.php"]); _paq.push(["setTrackerUrl", u + "matomo.php"]);
_paq.push(["setSiteId", "1"]); _paq.push(["setSiteId", "1"]);
var d = document, var d = document,
g = d.createElement("script"), g = d.createElement("script"),
s = d.getElementsByTagName("script")[0]; s = d.getElementsByTagName("script")[0];
g.async = true; g.async = true;
g.src = u + "matomo.js"; g.src = u + "matomo.js";
s.parentNode.insertBefore(g, s); s.parentNode.insertBefore(g, s);
})(); })();
</script> </script>
<!-- End Matomo Code --> <!-- End Matomo Code -->
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
<script> <script>
(function (w, d, s, l, i) { (function (w, d, s, l, i) {
w[l] = w[l] || []; w[l] = w[l] || [];
w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
var f = d.getElementsByTagName(s)[0], var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), j = d.createElement(s),
dl = l != "dataLayer" ? "&l=" + l : ""; dl = l != "dataLayer" ? "&l=" + l : "";
j.async = true; j.async = true;
j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
f.parentNode.insertBefore(j, f); f.parentNode.insertBefore(j, f);
})(window, document, "script", "dataLayer", "GTM-M9PR3MVC"); })(window, document, "script", "dataLayer", "GTM-M9PR3MVC");
</script> </script>
<!-- End Google Tag Manager --> <!-- End Google Tag Manager -->
</head> </head>
<body>
<!-- Google Tag Manager (noscript) --> <body>
<noscript <!-- Google Tag Manager (noscript) -->
><iframe <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M9PR3MVC" height="0" width="0"
src="https://www.googletagmanager.com/ns.html?id=GTM-M9PR3MVC" style="display: none; visibility: hidden"></iframe></noscript>
height="0" <!-- End Google Tag Manager (noscript) -->
width="0" <div id="app"></div>
style="display: none; visibility: hidden" </body>
></iframe
></noscript> </html>
<!-- End Google Tag Manager (noscript) -->
<div id="app"></div>
</body>
</html>

View File

@@ -51,10 +51,18 @@ const Book = () => {
return ( return (
<View className="Book"> <View className="Book">
<View {/* 渲染markdown */}
{/* <View
className="markdown-body" // 添加 GitHub Markdown 主题类 className="markdown-body" // 添加 GitHub Markdown 主题类
dangerouslySetInnerHTML={{ __html: marked(markdownText) }} dangerouslySetInnerHTML={{ __html: marked(markdownText) }}
></View> ></View> */}
<View></View>
<View className="BookItems">
<View className="BookItem">1</View>{" "}
<View className="BookItem">2</View>{" "}
<View className="BookItem">3</View>
</View>
</View> </View>
); );
}; };