Git Product home page Git Product logo

memos.top's Introduction

✍️ memos

Memos Top. A static page rendered with the Memos API.

Simple HTML, Pure CSS, Vanilla JS.

Live DemoI'm Feeling Lucky ✍

Memos Top

English | 中文

Note

If you're looking to embed your Mastodon toots on your website, you might want to check out this project.
https://github.com/eallion/mastodon-embed-feed-timeline

WebStack

• Darkmode Support
• Mobile Friendly

Usage

  1. Clone this repo or Download Release to self-hosted.
git clone https://github.com/eallion/memos.top
  1. Setting

Replace the default value in index.html:

    <script type="text/javascript">
        var memos = {
            host: 'https://demo.usememos.com/',  // Your Memos, with '/' end.
            limit: '10',  // Pagination to show.
            creatorId: '1',  // The old instance is 101, and the new instance is 1.
            domId: '#memos',  // Default #memos.
            username: 'memos',  // You can customize the display ID that is not related to memos.
            name: 'Official Demo',  // You can customize the displayed full name, that is not related to memos.
        }

    </script>
  1. Logo & Avatar(Option)

Replace the Logo and Avatar in the assets/img folder.

  • logo.webp is favicon
  • avatar.jpg is your icon
  1. Upload

Upload file index.html and folder assets to your web server. Enjoy!

Hosted by GitHub Pages

Demo: https://www.memos.top

  1. Fork this
  2. Setting as #Usage.2
  3. Go to your own memos.top repo - Setting - Pages - Deploy from a branch - Branch(main/root)

Hosted by Vercel

Demo: https://memos.top

  1. Fork this
  2. Setting as #Usage.2
  3. Go to your Vercel dash
  4. Import GitHub repo
  5. Configure Project default
  6. Deploy

Other

Yes! You can deploy to Cloudflare Pages or Netlify and so on.

Tips

How to post your memos: 👇👇👇
  1. Bilibili. Just URL. BV/AV support. b23.tv not support.
https://www.bilibili.com/video/BV1Sd4y1b7yg/
  1. Youtube. Just URL.
https://www.youtube.com/watch?v=mNK6h1dfy2o
  1. Youku. Just URL.
https://v.youku.com/v_show/id_XNTkyMjkxNTEyOA==.html
  1. QQ Video. Just URL.
https://v.qq.com/x/cover/mzc00200z47sdeu/m0044zpag6c.html
  1. Spotify. Share URL. track/album support.
https://open.spotify.com/track/6Uq8BnOxvXJsQiJ2XqfO5P
  1. Netease music. Just URL.
https://music.163.com/#/song?id=4153490
  1. QQ music. Support sondmid only, not songid.
https://y.qq.com/n/ryqq/songDetail/004W3BfK46dMXk
  1. Douban. Just URL. Need your own API.

If enable. You need to uncomment // fetchDB() and replace api var dbAPI = "https://api.example.com/" in assets/js/main.js

https://book.douban.com/subject/2567698/
https://movie.douban.com/subject/1889243/
               GLWT(Good Luck With That) Public License
                 Copyright (c) Everyone, except Author

Everyone is permitted to copy, distribute, modify, merge, sell, publish,
sublicense or whatever they want with this software but at their OWN RISK.

                            Preamble

The author has absolutely no clue what the code in this project does.
It might just work or not, there is no third option.


                GOOD LUCK WITH THAT PUBLIC LICENSE
   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION, AND MODIFICATION

  0. You just DO WHATEVER YOU WANT TO as long as you NEVER LEAVE A
TRACE TO TRACK THE AUTHOR of the original product to blame for or hold
responsible.

IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
DEALINGS IN THE SOFTWARE.

Good luck and Godspeed.

memos.top's People

Contributors

eallion avatar ihavenoideaa avatar jimlee2048 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

memos.top's Issues

Is it possible to change the language?

Good morning! Loving the tool...

Is it possible to change the language for the metadata on a post? I was able to translate, it appears to show the time since a post was created.

image

Will this work if my images are “local”?

I started my memos instance over, and chose “local” for my storage. I can see the image files on the file system.

When I attempt to view the static page though, my images do not show up. Just empty boxes.

多用户

如果memos是多个用户在使用,能不能实现不同用户发的memos,对应不同的头像和名字

希望memos top项目的照片显示微调

您好,memos top项目的照片显示能否调整为像最新官方那样显示,因为多张照片的时候他会一行一行的显示不会变成九宫格那样,显的不是很美观。

Is it possible to filter the displayed content with tags?

Thanks for the great job.

I think it would be great if we could have some of the tags showing on the top of the home page and the displayed content can be filtered when one tag is clicked.
For example, when the tag "#video" is clicked, only the memos with the tag will be shown.

[已解决]无法显示内容

群辉docker搭建的mones。
github fork的页面

<!-- Your Memos API -->
<script type="text/javascript">
    var memos = {
        host: 'https://demo.usememos.com/',  // Your Memos, with '/' end.
        limit: '10',  // Pagination to show.
        creatorId: '1',  // The old instance is 101, and the new instance is 1. 
        domId: '#memos',  // Default #memos.
        username: 'cody',  // You can customize the display ID that is not related to memos.
        name: 'Official Demo',  // You can customize the displayed full name, that is not related to memos.

只修改过这里,无法显示内容
https://hillboy.org/memos/

配置问题

您好,根据文档修改了
host: 'https://demo.usememos.com/', //修改为自己部署 Memos 的网址,末尾有 / 斜杠
但是由于不理解
creatorId: '101', //默认为 101用户 https://demo.usememos.com/u/101

domId: '#memos', //默认为 #memos
所以没有进行修改,部署后网站没有获取到内容
请问需要怎么配置?需要修改 js 文件吗?
我的repo

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.