如何再造萌梦论坛?



  • 如何再造萌梦论坛?

    0_1539146833396_很好.jpg
    如何再造萌梦论坛呢?这是一个很有趣的话题。因为萌梦论坛以图片的形式展示,表现能力强。只要为论坛添加有趣的内容,就可以复制论坛的成功。那么如何从0开始造一个论坛呢?这里我使用一台Mac笔记本来给大家演示一下如何搭建萌梦论坛的环境。

    1. 一台空笔记本

    一台Mac笔记本,暂时看起来什么都没有。但是要保证有网络呀。
    什么都没有

    2. 安装git

    本机安装了git吗?如果没有安装的话,安装git吧。
    git的安装有两种方法。第一种是直接下载安装包,下载地址是:

    https://git-scm.com/download/mac

    还有一种方法是使用homebrew安装。本文决定采用这种方法,因为homebrew这块儿还需要安装node.js这类工具呢。

    2.1. 安装bomebrew工具。

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    0_1539148483944_ba9fad8a-f8ef-4e1c-a871-f2adea2fa097-image.png
    随后按下RETURN键就可以安装了。(期间需要输入本机密码)
    0_1539149789122_ee153571-0a6d-430b-bf39-3fd90e535f9f-image.png

    3. 获取NodeBB代码

    从github中获取最新的NodeBB代码吧。因为萌梦论坛的代码来自于NodeBB。

    https://github.com/nodebb/nodebb
    git clone https://github.com/nodebb/nodebb.git

    4. 安装NodeBB

    NodeBB 安装好了吗?接下来就是要安装mongodb了。因为萌梦论坛也就是NodeBB使用的是MongoDB数据库。因为我们安装了homebrew了,所以安装MongoDB就变得比较简单了:

    brew install mongodb

    这里安装MongoDB的时间可能较长,需要花费大概10分钟的样子。



  • 5. 初步设置MongoDB

    好不容易安装好了MongoDB了。我们接下来打算使用它。
    这个时候,我们应该能够顺利地使用mongodb了。我之前写了一些文章。叫做《网站服务器迁移步骤》,大部分操作都是按照这个步骤进行操作的。这里跟随者我来重复一遍。

    5.1 首先我们安装mongodb后应该是一个全新的管理系统,是没有数据库的。我们需要在新建的数据库中设定一下。
    首先进入mongodb的命令行操作。

    mongod -f /usr/local/etc/mongod.conf

    这里的mongod.conf设定的是数据库的位置以及数据库的日志位置。把这些配置文件设置为容易寻找并且能够查看的位置吧。比如这么设置:

    systemLog:
      destination: file
      path: /Users/yourname/work/mongodb/mongodb.log
      logAppend: true
    storage:
      dbPath: /Users/yourname/work/mongodb
    net:
      bindIp: 127.0.0.1
    

    5.2 然后在管理员表中创建一个拥有管理员权限的用户。其中username表示用户名,password表示密码。

    use admin
    db.createUser( { user: "username", pwd: "password", roles: [ "root" ] } )



  • @jiangcaiyang 学习了



  • 5.3 紧接着创建我们的数据库文件啦。这里我们的数据库名称为qt_dream。因此这么设置:

    use qt_dream
    db.createUser( { user: "username", pwd: "password", roles: [ { role: "dbOwner", db: "qt_dream" } ] } )

    随后我们就要关闭我们的数据库mongo啦。命令是

    exit

    6. 接着就要从萌梦服务器中获取到数据库文件了。获取数据库文件的内容看起来还不算难。只要你的ssh秘钥成为我们认证的秘钥,就可以顺利地登入获取到数据文件了。

    这是关键的一步,它让数据库文件从服务器中打包出来,并且通过网络将数据库内容放到本地,最后从本地的打包安装到目标数据库中。

    ssh -l username qtdream.com "cd ~/WebProject && ./dump_database.sh"
    scp -r username@qtdream.com:~/WebProject/dump /Users/yourname/work/mongodb
    cd /Users/yourname/work/mongodb
    mongorestore -h localhost:27017 --authenticationDatabase admin --username $local_user_name --password $local_secret



  • 7. 安装node.js

    数据库的内容终于弄到啦。不过我们发现git clone的nodebb只是代码而已。我们需要软件执行它们才行啊。于是作为nodebb的载体,node.js就必须安装了。还好我们有安装homebrew,一切似乎非常简单。

    brew install nodejs

    NodeJS安装也需要花费较长的时间,建议插上高速网线进行安装哈。安装好了之后就意味着命令提示符支持node命令了。尝试一下一下?

    8. 初试nodebb

    尝试运行./nodebb upgrade试试看?

    ./nodebb uprgrade

    需要安装一些依赖的文件。如果顺利地话,就可以运行了。随后可以在浏览器输入http://localhost:4567。试试看?效果应该是下面这张图:
    0_1539262664234_屏幕快照 2018-10-11 下午8.50.45.png

    还可以使用Ctrl + C停止服务的运行。



  • 9. 尝试建立config.json文件

    如果你是从0开始建立论坛呢,那么论坛一旦初始化,config.json就建立了。当然我们从萌梦论坛中恢复数据,因此直接从建立的config.json恢复就好了。恢复的config.json内容大概是这样的:

    {
        "url": "http://localhost",
        "port": 4567,
        "secret": "the-uuid-secret-optional",
        "database": "mongo",
        "mongo": {
            "host": "localhost",
            "port": "27017",
            "username": "username",
            "password": "password",
            "database": "qtdream"
        }
    }
    

    10. 运行萌梦论坛

    使用nodebb的运行命令即可运行萌梦论坛啦

    ./nodebb start # 全速运行
    ./nodebb dev # 开发者运行


  • 网站研运

    手动给一个赞!!☺ 🤗
    0_1539264026793_好美的图啊.jpg


 

走马观花

最近的回复

  • @bladesero Blender 在角色建模和渲染这些方面的确比较强。😄

    我们的软件还在发展中呢。
    18da2116-2055-47c1-8317-1ccde17dfcc0-image.png

    阅读更多
  • untitled.jpg figure角色(WIP2).jpg
    TIM截图20190117184210.png
    使用的软件是blender,zbrush和substance painter

    阅读更多
  • 背景:如果需要qml显示循环list,一般是用3个ListView循环交替,实现伪循环,期间逻辑复杂,容易出错,PathView本身自带循环,所以考虑用PathView实现循环

    设计:PathView显示5条数据,按照垂直List一个个排好顺序,由于收尾移动时候会空白穿帮,所以用clip控制显示中间三条数据

    滚动控制:currentIndex,decrementCurrentIndex(),incrementCurrentIndex()

    代码:

    Item{ id: item1 property int myIndex: 0 property int onePageCount: 3 property real oneHeight: 72 property real oneWidth: 580 property int isCurrentListView: 1 //0,1,2 property bool isAdd: true //direction,down=true,up=false property int hightlightIndex: 0 property int currentIndexPathView: 0 //use this Item{ id: itemClip width: item1.oneWidth height: item1.oneHeight*3 clip: true PathView { id: listView1 width: item1.oneWidth model: listModelSpeedWarning delegate: delegeteLine pathItemCount: item1.onePageCount+2 interactive: false path: Path { startX: item1.oneWidth/2 startY: -item1.oneHeight/2 PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*0+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*0+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*1+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*1+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*2+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*2+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*3+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*3+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*4+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*4+item1.oneHeight/2 } } Component.onCompleted: { listView1.currentIndex = -1 } } } }

    问题:windows下测试,按住按键不松手,list滚动会卡住,松手后恢复正常,看来list不能滚动太快

    阅读更多
  • H

    @青山白云 只是为了替换GIF,不过目前已经解决加载问题

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔