Nodejs博客重构上线，欢迎吐槽

Nodejs博客重构上线，欢迎吐槽

经过大概一个月的开发与调试，我终于完成了自己的博客站点的重构工作，并成功上线。这几天主要是进行了一些最后的测试，现在可以正式宣布新版本上线了！测试地址是：

<a href="http://115.28.230.117" target="_blank">http://115.28.230.117</a>

主要功能介绍

以下是新版本的一些主要功能：

1. Tag标签页面（标签云）

   • 使用标签云来展示所有标签，方便用户快速找到感兴趣的文章。
   • 示例代码：

     app.get('/tags/:tag', (req, res) => {
       const tag = req.params.tag;
       // 假设db是数据库连接对象
       db.collection('posts').find({ tags: tag }).toArray((err, docs) => {
         if (err) return res.status(500).send(err);
         res.render('tag', { tag, posts: docs });
       });
     });
     

2. 分类功能

   • 用户可以根据分类浏览文章，提高阅读体验。
   • 示例代码：

     app.get('/category/:category', (req, res) => {
       const category = req.params.category;
       db.collection('posts').find({ category }).toArray((err, docs) => {
         if (err) return res.status(500).send(err);
         res.render('category', { category, posts: docs });
       });
     });
     

3. RSS订阅功能

   • 提供RSS订阅功能，让用户通过RSS阅读器获取最新的文章更新。
   • 示例代码：

     app.get('/rss', (req, res) => {
       db.collection('posts').find().sort({ date: -1 }).limit(10).toArray((err, docs) => {
         if (err) return res.status(500).send(err);
         const rssFeed = new RSSFeed({
           title: 'My Blog',
           description: '个人博客',
           site_url: 'http://115.28.230.117',
           feed_url: 'http://115.28.230.117/rss',
         });
         docs.forEach(post => {
           rssFeed.item({
             title: post.title,
             url: `http://115.28.230.117/post/${post._id}`,
             date: post.date,
           });
         });
         res.send(rssFeed.render());
       });
     });
     

4. 留言评论功能

   • 用户可以在每篇文章下方留言评论，增加互动性。
   • 示例代码：

     app.post('/comments', (req, res) => {
       const comment = req.body;
       db.collection('comments').insertOne(comment, (err, result) => {
         if (err) return res.status(500).send(err);
         res.redirect(`/post/${comment.postId}`);
       });
     });
     

5. 点赞功能

   • 用户可以对文章进行点赞操作，增加文章热度。
   • 示例代码：

     app.post('/like/:postId', (req, res) => {
       const postId = req.params.postId;
       db.collection('posts').updateOne(
         { _id: ObjectId(postId) },
         { $inc: { likes: 1 } }
       );
       res.redirect(`/post/${postId}`);
     });
     

6. 模糊搜索功能

   • 用户可以通过关键词进行模糊搜索，快速找到想要的文章。
   • 示例代码：

     app.post('/search', (req, res) => {
       const keyword = req.body.keyword;
       db.collection('posts').find({ $text: { $search: keyword } }).toArray((err, docs) => {
         if (err) return res.status(500).send(err);
         res.render('search', { keyword, posts: docs });
       });
     });
     

7. 瀑布流加载文章列表

   • 使用瀑布流布局加载文章列表，提高用户体验。
   • 示例代码：

     app.get('/articles', (req, res) => {
       db.collection('posts').find().sort({ date: -1 }).toArray((err, docs) => {
         if (err) return res.status(500).send(err);
         res.render('articles', { posts: docs });
       });
     });
     

欢迎大家试用并提出宝贵的意见和建议，期待您的反馈！

以上就是本次博客重构的主要功能介绍，希望您喜欢新的版本！

很不错

前端页面完全就是腾讯的 ISUX ： http://isux.tencent.com/ 就感觉那个瀑布流向下拉不到尽头 很恶心 可以来个按钮上面的都好点

8错