Coder Social home page Coder Social logo

ambrosex / gitnotes Goto Github PK

View Code? Open in Web Editor NEW

This project forked from orangex4/gitnotes

0.0 1.0 0.0 3.72 MB

一个在浏览器上运行的笔记浏览应用, 用于浏览以 Markdown 书写的, 存放在 GitLab 或 GitHub 上的笔记.

Home Page: https://notes.orangex4.cool/

HTML 16.33% CSS 6.36% TypeScript 74.73% JavaScript 2.58%

gitnotes's Introduction

GitNotes

这是一个由 OrangeX4 开发的笔记浏览应用, 用于浏览以 Markdown 书写的, 存放在 GitLab 或 GitHub 上的笔记.

优点: 数学公式支持和移动端适配.

笔记 Git Repo 参考: NJUAI-Notes

对应页面: OrangeX's Notes

Demo

你可以直接使用这个网址查看你要查看的笔记 Repo, 并不需要挂载你自己的 GitNotes.

界面

开发环境

先下载并安装 NodeJS.

在终端, 你 clone 下来的目录下, 执行命令:

npm install yarn -g
yarn install

等他安装完成后, 你就可以通过 yarn start 打开一个开发服务器或者 yarn build 生成静态文件了.

个人部署

将代码 Clone 下来, 修改 src/App.tsx 文件对应的内容为以下形式:

// ---------------------------------------------------
// const search = window.location.search
// 请在这里更改你需要的 url 参数
const search = '?git=github&github=typoverflow/note'
// ---------------------------------------------------

search 设为 URL 参数.

要修改标题, 可以使用搜索功能搜索字符串并修改 public/index.htmlsrc\App.tsx.

更换图标, 可以更换 public/profile.icopublic/profile.jpg 文件.

进行完这些操作之后, 运行

yarn start

便可实时浏览效果.

确认无误后, 运行

yarn build

便可生成 build 文件夹, 将该文件夹挂载到你的域名下, 你的专属 GitNotes 笔记便挂载好了!

服务部署

运行命令:

yarn build

并将 build 目录下的静态文件挂载在你的域名中.

gitnotes's People

Contributors

orangex4 avatar cmj2002 avatar

Watchers

 avatar

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.