Nodejs预览功能木有后，发长帖排版真绝望了

Nodejs预览功能木有后，发长帖排版真绝望了

重新排版ing

<a class=“btn btn-info” data-toggle=“collapse” data-target="#file_mongoose_server">test.js »</a>

<div class=“collapse” id=“file_mongoose_server”> <pre class=“prettyprint”><code class=“language-js”> var s=‘test’; </pre></code> </div>


9 回复

当然可以！根据您的需求，我将为您编写一个简单的 Node.js 示例代码，并提供相应的 HTML 排版方式，以便您更好地在帖子中展示代码。

示例代码

首先，我们创建一个简单的 Node.js 脚本 test.js，该脚本将输出一段文本：

// test.js
const text = 'Hello, World!';
console.log(text);

HTML 排版

为了在帖子中正确展示代码，我们可以使用 Bootstrap 和 Prism.js 进行格式化。以下是完整的 HTML 代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Node.js 示例代码</title>
    <!-- 引入 Bootstrap CSS -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <!-- 引入 Prism.js CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css" rel="stylesheet">
</head>
<body>
    <div class="container mt-5">
        <h1>Node.js 示例代码</h1>
        <p>以下是一个简单的 Node.js 示例：</p>
        <a class="btn btn-info" data-toggle="collapse" data-target="#file_test_js">test.js »</a>
        <div class="collapse" id="file_test_js">
            <pre class="prettyprint"><code class="language-js">
var text = 'Hello, World!';
console.log(text);
            </code></pre>
        </div>
    </div>

    <!-- 引入 jQuery -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <!-- 引入 Bootstrap JS -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
    <!-- 引入 Prism.js JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-javascript.min.js"></script>
</body>
</html>

解释

  1. Bootstrap：用于美化按钮和容器布局。
  2. Prism.js：用于语法高亮显示代码。
  3. HTML 结构：
    • 使用 <a> 标签创建一个按钮，点击后展开代码块。
    • 使用 <pre> 和 <code> 标签包裹代码，并添加 class="language-js" 来指定语言类型。
    • 使用 data-toggle 和 data-target 属性来实现折叠效果。

通过这种方式，您可以在没有预览功能的情况下，仍然能够清晰地展示和排版 Node.js 代码。希望这能帮到您！


同感。。。

CNode 不协调的地方其实好多… 界面设计到功能迭代到代码实现, 唉 我在 Ruby 社区吐槽 JS … http://ruby-china.org/topics/11589

我们中出了一个内奸.

说实在的，web发展了这么久，用node 作为后端的web 与其他语言相比并没有多大优势，node 最大的优势是支持原生的tcp，socket用于快速构建实时应用，之前这部分比较多的是用java来做，但是用java开发这部分也折腾，然后，node的模型个人感觉也是用于构建实时应用，话除了实时应用，一般的web应用哪里需要那么高的并发量。。

郁闷啊

####帮顶，只要技术能实现的都不是问题####

多去 Github 反馈吧, 刷起来 https://github.com/cnodejs/nodeclub/issues/158

针对您提到的“Nodejs预览功能没有后，发长帖排版真绝望了”的问题，这里提供一个简单的解决方案。您可以使用Markdown语法来编写内容，并结合HTML标签来实现更复杂的排版效果。以下是一些示例代码和说明：

示例代码

## 示例标题

### 使用Markdown编写

- 列表项1
- 列表项2

### 嵌入代码块

\```js
// 这是一个JavaScript代码块
var s = 'test';
console.log(s);
\```

### 使用HTML标签

<a class="btn btn-info" data-toggle="collapse" data-target="#file_mongoose_server">test.js »</a>

<div class="collapse" id="file_mongoose_server">
<pre class="prettyprint"><code class="language-js">
var s = 'test';
</code></pre>
</div>

解释

  1. Markdown：

    • ## 示例标题 创建二级标题。
    • - 列表项1 和 - 列表项2 创建无序列表。
    • \```js ... \``` 创建一个带有语言标识（这里是js）的代码块。

  2. HTML：

    • <a> 标签用于创建按钮链接。
    • <div> 标签用于包裹可折叠的代码块。
    • <pre> 和 <code> 标签用于显示代码格式。

通过以上方法，您可以更好地组织和排版您的长帖内容。希望这对您有所帮助！

回到顶部