mathieudutour / medium-to-own-blog Goto Github PK

View Code? Open in Web Editor NEW

3.0K 21.0 109.0 17.83 MB

Switch from Medium to your own blog in a few minutes

License: MIT License

JavaScript 98.36% CSS 1.21% Dockerfile 0.43%

medium gatsby netlify blog mdx ownyourcontent

medium-to-own-blog's Introduction

Medium to own blog

Switch from Medium to your own blog in a few minutes.

🚀 QuickStart

Requires Node.js

npx medium-to-own-blog

🔗 Live Demo

Here's a live demo.

💪 Motivation

There is no shortage of explanations behind exiting Medium. Here is a few selection of articles:

🔥 Features

Own your content
Write using Markdown / MDX
Syntax Highlighting using Prism
Edit on Github
Fully customizable
Rich embeds using MDX
Easy deployment: Deploy on Netlify / Now.sh / Docker
SEO friendly
💯 on the Performance, Accessibility, Best Practices, and SEO's LightHouse tests

📖 Documentation

Head over here to find a few guides to help you editing the content of your newly created blog.

✏️ Contributing

Any idea on how to make the process easier or how to improve the generated blog? Open a new issue! We need all the help we can get to make this project awesome!

🐚 Technical stack

This project is only possible thanks to the awesomeness of the following projects:

™️ License

MIT

Migration Troubleshooting

Since everyone has different content in their Medium blogs, you might encounter some issues that can't be fixed in a standardized way or aren't worth trying. These issues and potential workarounds will be posted below:

JSX closing tag parsing error - Issue #56. You may have some self-closing, void tags in your blog posts. JSX requires all tags to be self-closed so even though the HTML break tag can be written as  , you will need to change the syntax to read   or go back later after running the migration and place the tags in a code block.
GitHub authentication errors - Issue #54. GitHub allows users to set up authentication several different ways. For instance, if you have two-factor authentication enabled, you have to provide a token in certain cases when cloning down repositories. Please check your authentication settings if you experience any issues related to authentication failures.

medium-to-own-blog's People

Contributors

Stargazers

Watchers

Forkers

colinramsay elijj hengkiardo paramaggarwal triptych sgrives harshattray kyleamathews jithinraj shaunstanislauslau gtallen1187 yuttasakcom guardbl hhy5277 wooodhead nasirhm gbdevux coreyrshaw chaitanyaphalak ahmadbashir-io kidgodzilla guyisra cdoru garisender lichengtao1989 dangquangminhse awesome-archive bawanthathilan ishan-marikar whjvenyl hunglethanh9 arthurbuhl okusnadi nitirat navapon johndoex1 jsj14 mitchelletakuro parkerproject zevwl shubhamv123 testqahackajob adinai longzeping chengjingfeng hilali-msc repoforks athiwatp bibliophilehub niarfe wutijat titoesteves dbarochiya dodie littleserendipity nrvarun avineshwar fernandocomet silent-lad marinflorin vhsantos26 bonomali rckasa codegrande phuongnq irbux ghanima rbs-pli craigpmc nomanyaqubny-zz vishalbheda holdicon mattaharish opensourcelearningrepos spencerx angrygorilla abhimanyoo bernardmarieonzo saadpasta robertmain53 diomalta shahcasm mrquj phammanh029 da505819 sachiotomita 8adre jhzarunq dsstewa panda850819 iminuo beichensky akivafr123 yadhavk15 neelart ahtrahdis7 satu123sa sewvandiii shuxiaokai junascimentto

medium-to-own-blog's Issues

npx medium-to-own-blog not generate blog, generate import article

Time to use npx medium-to-own-blog shows the option of importing a single article.
Download and install project I can run the correct script through the node and generate the blog

after parsing i did not show any if my publish blog, it only extract draft stories in content folder,

Describe the bug
after passing url of medium export. it went through all my article in console, but if i look into content folder after extraction i did not see any of my publish blogs, only my draft saved on medium is there. and after deploy using netlify, i only end up seeing empty page with profile name and image.

Cannot read property 'async' of null at module.exports.getProfile

Here's the terminal output:

? Path to the Medium archive /Users/anant/Downloads/medium-export.zip
✔ Parsed Medium content
⠋ Parsing the Medium profile
TypeError: Cannot read property 'async' of null
    at module.exports.getProfile (/Users/anant/.npm/_npx/82554/lib/node_modules/medium-to-own-blog/get-profile.js:9:64)
    at inquirer.prompt.then.then.then.zip (/Users/anant/.npm/_npx/82554/lib/node_modules/medium-to-own-blog/index.js:49:12)

Refactor UI to use design tokens

Right now the style of the generated website is a bit all over the place. Using design tokens would make it a lot easier to personalise the generated website

Adding a git ssh:// link fails the Edit on GitHub link

Describe the bug

Generated link: https://blog.paramaggarwal.com/How-to-be-Right-by-Being-Wrong/[email protected]:paramaggarwal/blog.git/edit/master/content/How-to-be-Right-by-Being-Wrong/index.mdx

Expected link: https://github.com/paramaggarwal/blog/edit/master/content/How-to-be-Right-by-Being-Wrong/index.mdx

Screenshots

How to update

how to update articles

Deploy error in netifly duplicate code variable in code-highlighting

Error deploy in netifly with component code-highlighting

Because for two variables with same name.

Cannot read property 'textContent' of null

Describe the bug

TypeError: Cannot read property 'textContent' of null
    at module.exports.getMarkdownFromPost (/Users/param/.npm/_npx/16523/lib/node_modules/medium-to-own-blog/generate-md.js:182:58)
    at process._tickCallback (internal/process/next_tick.js:68:7)

Screenshots

Unknown field 'categories'

Describe the bug
If I want to puplicate the data with netifly, the categories can not be imported

Screenshots
9:46:07 AM: success update schema — 0.041 s 9:46:08 AM: error GraphQL Error Encountered 2 error(s): 9:46:08 AM: - Unknown field 'categories' on type 'MdxFrontmatter'. Source: document BlogIndexfile:GraphQL request 9:46:08 AM: GraphQL request (15:11) 9:46:08 AM: 14: description 9:46:08 AM: 15: categories 9:46:08 AM: ^ 9:46:08 AM: 16: date(formatString: "MMMM DD, YYYY") 9:46:08 AM: - Unknown field 'categories' on type 'MdxFrontmatter'. 9:46:08 AM: file: /opt/build/repo/src/templates/blog-post.js 9:46:08 AM: Skipping functions preparation step: no functions directory set 9:46:08 AM: Caching artifacts

Can't Add Any Extras When Creating the GitHub Project

Describe the bug

GitHub provides a few options when configuring a new repo like: license, .gitignore file, a README.md, and the Rennovate plugin. If you want to install any of these by default, which I usually do, then you get an error about the remote having newer content.

To Reproduce
Steps to reproduce the behavior:

Create a repo with a readme during the script
See the error.

Screenshots

preserve Medium image layout

Medium has a few options for the layout of images. Can we somehow preserve it?

script to import a single article

It would be nice to be able to add a single exported article with something like: npm run import-article. would you be interested in this?
looks like you could just do a bit of refactoring on the getMarkdownFromPost function to get it to run as a stand alone command.

Cannot create directory, name too long.

Describe the bug
It cannot create a directory from the URL encoded Thai language with long URL.
Maybe need to decode URL first.

Expected behavior
A clear and concise description of what you expected to happen.

What's the URL of the Medium article it is failing to parse?
https://medium.com/@artiya4u/%E0%B9%81%E0%B8%97%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%88%E0%B8%B0%E0%B8%A3%E0%B8%B1%E0%B8%99-ethereum-mainnet-%E0%B8%AB%E0%B8%A3%E0%B8%B7%E0%B8%AD-testnet-%E0%B9%80%E0%B8%AD%E0%B8%87-%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%A5%E0%B8%AD%E0%B8%87%E0%B9%84%E0%B8%9B%E0%B8%95%E0%B9%88%E0%B8%AD%E0%B8%81%E0%B8%B1%E0%B8%9A%E0%B9%82%E0%B8%AB%E0%B8%99%E0%B8%94%E0%B8%82%E0%B8%AD%E0%B8%87-infura-%E0%B8%94%E0%B8%B9%E0%B8%84%E0%B8%A3%E0%B8%B1%E0%B8%9A-f9f4737f8727
What part of the article isn't parsed correctly?
It cannot create a directory from my language with long URL.

Screenshots
If applicable, add screenshots to help explain your problem.

Why people want to export medium blogs?

Deploy failed for drafts when 'date' field is empty.

12:31:40 AM: Errors:
12:31:40 AM:   Expected Iterable, but did not find one for field Frontmatter.categories.
12:31:40 AM:   GraphQL request (18:7)
12:31:40 AM:   17:       description
12:31:40 AM:   18:       categories
12:31:40 AM:             ^
12:31:40 AM:   19:       date(formatString: "MMMM DD, YYYY")
12:31:40 AM: URL path:
12:31:40 AM:   /bla/
12:31:40 AM: Context:
12:31:40 AM:   {
12:31:40 AM:     "id": "b12058c6-e7b2-516b-b93c-9c534cf59d88",
12:31:40 AM:     "previous": null,
12:31:40 AM:     "next": null
12:31:40 AM:   }
12:31:40 AM: Plugin:
12:31:40 AM:   none
12:31:40 AM: Query:
12:31:40 AM:   query BlogPostQuery(
12:31:40 AM:     $id: String
12:31:40 AM:   ) {
12:31:40 AM:     site {
12:31:40 AM:       siteMetadata {
12:31:40 AM:         siteUrl
12:31:40 AM:         githubUrl
12:31:40 AM:       }
12:31:40 AM:     }
12:31:40 AM:     mdx(id: {eq: $id}) {
12:31:40 AM:       fields {
12:31:40 AM:         slug
12:31:40 AM:       }
12:31:40 AM:       timeToRead
12:31:40 AM:       frontmatter {
12:31:40 AM:         title
12:31:40 AM:         description
12:31:44 AM: failed during stage 'building site': Build script returned non-zero exit code: 1
12:31:40 AM:         categories
12:31:40 AM:         date(formatString: "MMMM DD, YYYY")
12:31:44 AM: Shutting down logging, 24 messages pending

To Reproduce
Steps to reproduce the behavior:

Create a draft as per the docs, keeping empty date fields, and published: false
commit to github
netlify tries to auto-deploy
check deploy logs to find the above error

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
I didn't try this with fixing the first part - i.e. filling the categories and keeping just the date field empty. will update this issue on trying that.

Netlify build fails with: Error running command: Build script returned non-zero exit code: 1

Repo
https://github.com/johnpcutler/cutlefish

Describe the bug
Netlify deploy is failing with the following errors:

2:31:31 PM: Build ready to start
2:31:33 PM: build-image version: 9e0f207a27642d0115b1ca97cd5e8cebbe492f63
2:31:33 PM: build-image tag: v3.3.2
2:31:33 PM: buildbot version: ef8d0929ed0baabafd8bbb7d0b021e1fc24180c0
2:31:33 PM: Fetching cached dependencies
2:31:34 PM: Starting to download cache of 255.0KB
2:31:34 PM: Finished downloading cache in 167.42864ms
2:31:34 PM: Starting to extract cache
2:31:34 PM: Failed to fetch cache, continuing with build
2:31:34 PM: Starting to prepare the repo for build
2:31:34 PM: No cached dependencies found. Cloning fresh repo
2:31:34 PM: git clone https://github.com/johnpcutler/cutlefish
2:31:37 PM: Preparing Git Reference refs/heads/master
2:31:37 PM: Found netlify.toml. Overriding site configuration
2:31:37 PM: Starting build script
2:31:37 PM: Installing dependencies
2:31:39 PM: Downloading and installing node v10.16.0...
2:31:39 PM: Downloading https://nodejs.org/dist/v10.16.0/node-v10.16.0-linux-x64.tar.xz...
2:31:39 PM: 
#################
2:31:39 PM:    23.6%
2:31:39 PM: 
#####################################################
2:31:39 PM: ################### 100.0%
2:31:40 PM: Computing checksum with sha256sum
2:31:40 PM: Checksums matched!
2:31:42 PM: Now using node v10.16.0 (npm v6.9.0)
2:31:42 PM: Attempting ruby version 2.6.2, read from environment
2:31:44 PM: Using ruby version 2.6.2
2:31:44 PM: Using PHP version 5.6
2:31:44 PM: Started restoring cached node modules
2:31:44 PM: Finished restoring cached node modules
2:31:44 PM: Installing NPM modules using NPM version 6.9.0
2:31:47 PM: npm WARN deprecated @babel/[email protected]: 🚨 As of Babel 7.4.0, this
2:31:47 PM: npm
2:31:47 PM: WARN deprecated package has been deprecated in favor of directly
2:31:47 PM: npm WARN deprecated including core-js/stable (to polyfill ECMAScript
2:31:47 PM: npm WARN deprecated features) and regenerator-runtime/runtime
2:31:47 PM: npm WARN
2:31:47 PM:  deprecated (needed to use transpiled generator functions):
2:31:47 PM: npm WARN deprecated
2:31:47 PM: npm WARN deprecated
2:31:47 PM:    > import "core-js/stable";
2:31:47 PM: npm WARN deprecated   > import "regenerator-runtime/runtime";
2:31:57 PM: npm WARN deprecated [email protected]: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).
2:32:00 PM: npm WARN deprecated
2:32:00 PM:  [email protected]: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).
2:32:00 PM: npm WARN deprecated [email protected]: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).
2:32:01 PM: npm WARN
2:32:01 PM: deprecated [email protected]: core-js@<2.6.8 is no longer maintained. Please, upgrade to core-js@3 or at least to actual version of core-js@2.
2:32:37 PM: > [email protected] install /opt/build/repo/node_modules/sharp
2:32:37 PM: > (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)
2:32:38 PM: info
2:32:38 PM: sharp
2:32:38 PM:  Downloading https://github.com/lovell/sharp-libvips/releases/download/v8.7.4/libvips-8.7.4-linux-x64.tar.gz
2:32:40 PM: > [email protected] install /opt/build/repo/node_modules/pre-commit
2:32:40 PM: > node install.js
2:32:40 PM: > [email protected] postinstall /opt/build/repo/node_modules/core-js
2:32:40 PM: > node scripts/postinstall || echo "ignore"
2:32:40 PM: Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!
2:32:40 PM: The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: 
2:32:40 PM: > https://opencollective.com/core-js 
2:32:40 PM: > https://www.patreon.com/zloirock 
2:32:40 PM: Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)
2:32:40 PM: > [email protected] postinstall /opt/build/repo/node_modules/core-js-pure
2:32:40 PM: > node scripts/postinstall || echo "ignore"
2:32:40 PM: Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!
2:32:40 PM: The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: 
2:32:40 PM: > https://opencollective.com/core-js 
2:32:40 PM: > https://www.patreon.com/zloirock 
2:32:40 PM: Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)
2:32:41 PM: > [email protected] postinstall /opt/build/repo/node_modules/spawn-sync
2:32:41 PM: > node postinstall
2:32:41 PM: > [email protected] postinstall /opt/build/repo/node_modules/gatsby-telemetry
2:32:41 PM: > node src/postinstall.js
2:32:41 PM: > [email protected] postinstall /opt/build/repo/node_modules/cwebp-bin
2:32:41 PM: > node lib/install.js
2:32:41 PM:   ✔ cwebp pre-build test passed successfully
2:32:42 PM: > [email protected] postinstall /opt/build/repo/node_modules/mozjpeg
2:32:42 PM: > node lib/install.js
2:32:42 PM:   ✔ mozjpeg pre-build test passed successfully
2:32:42 PM: > [email protected] postinstall /opt/build/repo/node_modules/pngquant-bin
2:32:42 PM: > node lib/install.js
2:32:43 PM:   ✔ pngquant pre-build test passed successfully
2:32:44 PM: npm
2:32:44 PM: notice created a lockfile as package-lock.json. You should commit this file.
2:32:44 PM: npm WARN
2:32:44 PM:  [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
2:32:44 PM: npm WARN
2:32:44 PM:  [email protected] requires a peer of typescript@* but none is installed. You must install peer dependencies yourself.
2:32:44 PM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
2:32:44 PM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
2:32:44 PM: added 2082 packages from 1129 contributors and audited 32907 packages in 59.409s
2:32:44 PM: found 0 vulnerabilities
2:32:44 PM: NPM modules installed
2:32:45 PM: Started restoring cached go cache
2:32:45 PM: Finished restoring cached go cache
2:32:45 PM: unset GOOS;
2:32:45 PM: unset GOARCH;
2:32:45 PM: export GOROOT='/opt/buildhome/.gimme/versions/go1.12.linux.amd64';
2:32:45 PM: export PATH="/opt/buildhome/.gimme/versions/go1.12.linux.amd64/bin:${PATH}";
2:32:45 PM: go version >&2;
2:32:45 PM: export GIMME_ENV='/opt/buildhome/.gimme/env/go1.12.linux.amd64.env';
2:32:45 PM: go version go1.12 linux/amd64
2:32:45 PM: Installing missing commands
2:32:45 PM: Verify run directory
2:32:45 PM: Executing user command: gatsby build
2:32:47 PM: success open and validate gatsby-configs — 0.069
2:32:47 PM: error Cannot find module 'change-case'
2:32:47 PM: Error in "/opt/build/repo/node_modules/gatsby-mdx/gatsby-node.js": Cannot find module 'change-case'
2:32:47 PM: See our docs page for more info on this error: https://gatsby.dev/issue-how-to
2:32:47 PM: 
2:32:47 PM:   Error: Cannot find module 'change-case'
2:32:47 PM:   
2:32:47 PM:   - loader.js:636 Function.Module._resolveFilename
2:32:47 PM:     internal/modules/cjs/loader.js:636:15
2:32:47 PM:   
2:32:47 PM:   - loader.js:562 Function.Module._load
2:32:47 PM:     internal/modules/cjs/loader.js:562:25
2:32:47 PM:   
2:32:47 PM:   - loader.js:690 Module.require
2:32:47 PM:     internal/modules/cjs/loader.js:690:17
2:32:47 PM:   
2:32:47 PM:   - v8-compile-cache.js:159 require
2:32:47 PM:     [repo]/[v8-compile-cache]/v8-compile-cache.js:159:20
2:32:47 PM:   
2:32:47 PM:   - babel-plugin-html-attr-to-jsx-attr.js:1 Object.<anonymous>
2:32:47 PM:     [repo]/[gatsby-mdx]/utils/babel-plugin-html-attr-to-jsx-attr.js:1:85
2:32:47 PM:   
2:32:47 PM:   - v8-compile-cache.js:178 Module._compile
2:32:47 PM:     [repo]/[v8-compile-cache]/v8-compile-cache.js:178:30
2:32:47 PM:   
2:32:47 PM:   - loader.js:787 Object.Module._extensions..js
2:32:47 PM:     internal/modules/cjs/loader.js:787:10
2:32:47 PM:   
2:32:47 PM:   - loader.js:653 Module.load
2:32:47 PM:     internal/modules/cjs/loader.js:653:32
2:32:47 PM:   
2:32:47 PM:   - loader.js:593 tryModuleLoad
2:32:47 PM:     internal/modules/cjs/loader.js:593:12
2:32:47 PM:   
2:32:47 PM:   - loader.js:585 Function.Module._load
2:32:47 PM:     internal/modules/cjs/loader.js:585:3
2:32:47 PM:   
2:32:47 PM:   - loader.js:690 Module.require
2:32:47 PM:     internal/modules/cjs/loader.js:690:17
2:32:47 PM:   
2:32:47 PM:   - v8-compile-cache.js:159 require
2:32:47 PM:     [repo]/[v8-compile-cache]/v8-compile-cache.js:159:20
2:32:47 PM:   
2:32:47 PM:   - gen-mdx.js:9 Object.<anonymous>
2:32:47 PM:     [repo]/[gatsby-mdx]/utils/gen-mdx.js:9:27
2:32:47 PM:   
2:32:47 PM:   - v8-compile-cache.js:178 Module._compile
2:32:47 PM:     [repo]/[v8-compile-cache]/v8-compile-cache.js:178:30
2:32:47 PM:   
2:32:47 PM:   - loader.js:787 Object.Module._extensions..js
2:32:47 PM:     internal/modules/cjs/loader.js:787:10
2:32:47 PM:   
2:32:47 PM:   - loader.js:653 Module.load
2:32:47 PM:     internal/modules/cjs/loader.js:653:32
2:32:47 PM:   
2:32:47 PM: 
2:32:47 PM: Skipping functions preparation step: no functions directory set
2:32:47 PM: Caching artifacts
2:32:47 PM: Started saving node modules
2:32:47 PM: Finished saving node modules
2:32:47 PM: Started saving pip cache
2:32:47 PM: Finished saving pip cache
2:32:47 PM: Started saving emacs cask dependencies
2:32:47 PM: Finished saving emacs cask dependencies
2:32:47 PM: Started saving maven dependencies
2:32:47 PM: Finished saving maven dependencies
2:32:47 PM: Started saving boot dependencies
2:32:48 PM: Finished saving boot dependencies
2:32:48 PM: Started saving go dependencies
2:32:48 PM: Finished saving go dependencies
2:32:50 PM: Error running command: Build script returned non-zero exit code: 1
2:32:50 PM: Failing build: Failed to build site
2:32:50 PM: failed during stage 'building site': Build script returned non-zero exit code: 1
2:32:50 PM: Finished processing build request in 1m16.84519123s```

`publicUrl` points to localhost:8000 on the Discuss on Twitter Link

The Discuss on Twitter link which takes in the href https://twitter.com/search?q=${publicUrl} , the publicUrl points to localhost:8000.

Netlify build fails (Plugin gatsby-mdx returned an error)

I noticed that this is accessible to public, so here's the build log: https://app.netlify.com/sites/vfonic-blog/deploys/5d00fd43b5a0d50009a94637

Here's the GH repo: https://github.com/vfonic/blog

One thing I specified differently, I allowed Netlify to access only vfonic/blog repository. It can not access any other (private) repositories.

What am I missing?

Desktop (please complete the following information):

OS: macOS 10.14.5 (18F203)

Medium Typography

I don't think the original purpose is to replicate Medium look and feel, but in case you are interested, looks you can do it using Medium.css

https://github.com/lucagez/medium.css

Issue With Self-closing Tags In JSX and In Markdown Content

Describe the bug

I had a bulleted list that used the   tag in a sentence, and I got an error while Gatsby compiled. Locally, my blog still finished compiling, but on Netlify it just stopped half-way.

Once I wrapped the line break tag in ticks,  , my issue went away.

Expected behavior
A clear and concise description of what you expected to happen.

What's the URL of the Medium article it is failing to parse?
What part of the article isn't parsed correctly?

alexfinnarn/blog@43e0192#diff-5af09c7cd8da7647ae9977eaa530290dR32

"table with
,"

Screenshots

Error during build both locally and on Netlify

Describe the bug
Fails to build and deploy on Netlify and fails build locally.

Error when building locally
ValidationError: child "siteMetadata" fails because [child "siteUrl" fails error The site's gatsby-config.js failed validation

To Reproduce
Steps to reproduce the behavior:
Deploy on Netlify to see build fails, or npm run-script build to see error message from above section.

Expected behavior
I assume this build script should run with no errors and deploy just works with no additional changes.

Screenshots
Here is a screenshot from the Netlify build, error message isn't super helpful looking

Desktop (please complete the following information):

OS: Mojave
Browser: Chrome
Version: 74.0.3729.169

Additional context
I'm new to Netlify and Gatsby so I'm hoping I didn't miss something small. I have a brand new Netlify account and I'm using a custom domain. Or trying to :)

Medium posts don't necessarily have tags

Describe the bug

To Reproduce
Steps to reproduce the behavior:

Go to https://github.com/JiRadu/test-blog2
Link your netlify to it
Try to deploy

Expected behavior
I expect the build to succeed

Screenshots
If applicable, add screenshots to help explain your problem.

I get this error

Desktop (please complete the following information):

OS: OSX
Browser Firefox
Version 67

In-blog search feature

If there is and in-blog search feature it will be amazing.

Cannot find my profile in the Medium archive

When I drag and drop the Medium Archive .zip file, it gives me the following error: It seems that we cannot find your profile in the Medium archive. Are you sure you gave the right path?

I am sure I gave the right path, as I used drag and drop to the terminal on my Mac.

I expected the .zip archive to be run through properly.

Here is a screenshot:

Medium import fails if the user has no profile picture

Describe the bug
The Parse the Medium profile step fails if the user has no profile photo set at Medium.
I didn't have one and when I run this I got the error:

TypeError: Cannot read property 'attributes' of null
    at module.exports.getProfile (/Users/mariap/.npm/_npx/81974/lib/node_modules/medium-to-own-blog/lib/get-profile.js:40:5)

I checked the line of code that failed and realized what might be the case. I set a profile photo in my Medium account, re-exported my info, and the step was executed successfully.

Expected behavior
Not sure, maybe failing is what you wanna do in this case, but even so you can throw a more specific error (or use a generic avatar that the user can later change).

Screenshots
The error I got:

Page title is always "Mathieu Dutour - Blog"

Due to this line:

medium-to-own-blog/gatsby-template/src/pages/index.js

Line 15 in 647fcbb

(I am not sure how to fix this, hence can't raise a PR.)

Update generated projects with new template

Need to figure out a way for generated projects to pull changes that are happening in the template.

Not sure how tho 🤔

Add newsletter widget

If the user specifies a tinyletter username, we could automatically show a form to subscribe to the newsletter at the bottom of an article.

Bad "Discuss on twitter" link on the demo website

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

Go to 'https://mathieudutour-blog.netlify.com/Design-engineers/'
Scroll down until the end of the page
Click on 'Discuss on Twitter'
See error : 'No results for http://localhost:8000/Design-engineers/'

Expected behavior
I don't really understand what you want to do, but I'm sure localhost should not be here

Longer tags break styling

Minor issue, just adding this here to track it. (from)

Script to create a new article

I'd be nice to have a command (link npm run create-article) to create a new folder and index.md with a default frontmatter.

unable to deploy missing Webpack

Deployment fails with missing webpack library
A clear and concise description of what the bug is.

2:43:31 PM: error There was a problem loading the local build command. Gatsby may not be installed. Perhaps you need to run "npm install"? Cannot find module 'webpack'
2:43:31 PM: 
2:43:31 PM:   Error: Cannot find module 'webpack'
2:43:31 PM:   
2:43:31 PM:   - loader.js:636 Function.Module._resolveFilename
2:43:31 PM:     internal/modules/cjs/loader.js:636:15
2:43:31 PM:

To Reproduce
Steps to reproduce the behavior:

Go to 'Netlify to deploy latest push'
Click on 'Deploy Site' if not already being deployed (continuous integration)
Click on Production deploys that failed to expand it with logs for that attempt.
Scroll down the 'logs' until you see this error in red.
See error

Expected behavior
all downloads and installations were done as per the documentation and this deployment should have been easier and straightforward.
Screenshots

Desktop (please complete the following information):

OS: [e.g. iOS] Mac
Browser [e.g. chrome, safari] Google Chrome
Version [e.g. 22]

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]

Additional context
Add any other context about the problem here.

set up redirect from previous medium urls

the URLs of the articles are slightly different than the ones on Medium (because they don't have the id at the end).

We should set up redirects so that if you used a custom domain, the links are still working

Adding the medium-like editor to create new posts

I have noticed that all the medium articles will be converted to markdown before uploading to the repository and one should create a markdown file to create a new article.

I think with the use of this medium-like open source editor this process can be done easily.

There is a project which is made on top of the above project which converts the editor output to markdown syntax in real-time. On a temporary basis, a new article link can be created which leads to this editor.

Investigate providing a GUI

I quite like the approach from https://github.com/alex-saunders/glicky

We could have npx medium-to-own-blog starts a local webserver and launch a webpage with a nice UI instead of doing everything in the terminal which might be a show stopper for some people

Why project is not uploading

Successfully created project 'QuizApp' on GitHub, but initial commit failed: *** Please tell me who you are. Run git config --global user.email "[email protected]" git config --global user.name "Your Name" to set your account's default identity. Omit --global to set the identity only in this repository. unable to auto-detect email address (got 'Ayush Srivastav@LAPTOP-CS29LAIK.(none)')

The script gets stuck at `⠋ Parsing the Medium posts [5/23]`

Describe the bug

It's been stuck on ⠋ Parsing the Medium posts [5/23] for quite some time now. Any easy way to debug it?

It's using ~20% of CPU, but there's no progress as of about 10min now.

Which gatsby theme is used for this project?

I am new to gatsby.
Which gatsby template is used for this project? Is it custom or pre-build theme?

Issue When Using Two-factor Authentication

Describe the bug

I kept having issues providing my GitHub credentials even though I knew my username and password were correct. Then, it dawned on me that I should try to login via the web interface to see what happened. I forgot that I had 2FA set up. Once I disabled 2FA, I didn't have any issues.

I didn't go back to fully check that 2FA is always an issue, but right after I disabled it, my import process went smoothly.

As far as resolving this (if it is an issue), I think adding a note to the documentation makes sense.

To Reproduce
Steps to reproduce the behavior:

Enable 2FA on your GitHub account.
Try to run the npx command.
See an authentication failure after entering the URL of the GitHub repository.

Screenshots

Solution
If you use 2FA, you need to give a token instead of your password, that's just how GitHub works: https://help.github.com/en/articles/accessing-github-using-two-factor-authentication#using-two-factor-authentication-with-the-command-line

Markdown in image caption did not get parsed

Describe the bug

Markdown in the image caption did not convert to HTML.

Input: https://medium.com/@paramaggarwal/how-to-be-right-by-being-wrong-9fd26dca20b3
Output: https://blog.paramaggarwal.com/How-to-be-Right-by-Being-Wrong/

Screenshots

Doesn't import all articles from https://medium.com/@tomayac

🙏 First of all, thanks a ton for creating this tool! It's great! 👏

Describe the bug
When I run the import script multiple times, randomly articles from my archive are being skipped.

Expected behavior

A clear and concise description of what you expected to happen.
All articles should get converted.
What's the URL of the Medium article it is failing to parse?
It randomly skips some. Here's a link to my archive (@mathieudutour, please request access).
What part of the article isn't parsed correctly?
N/A, there is no clear pattern. It might be a time-out?

Screenshots

If applicable, add screenshots to help explain your problem.
N/A.

Error when the folder is already a git repo

? URL of the repository https://github.com/bradbarrish/bradbarrish-blog
⠋ Updating the project to use the repository URL
Error: Command failed: git init && git remote add origin https://github.com/bradbarrish/bradbarrish-blog && git add . && git commit -m "first commit :tada:"
fatal: remote origin already exists.

    at ChildProcess.exithandler (child_process.js:294:12)
    at ChildProcess.emit (events.js:200:13)
    at maybeClose (internal/child_process.js:1021:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:283:5) {
  killed: false,
  code: 128,
  signal: null,
  cmd: 'git init && git remote add origin ' +
    'https://github.com/bradbarrish/bradbarrish-blog && git add . && git ' +
    'commit -m "first commit :tada:"',
  stdout: 'Reinitialized existing Git repository in ' +
    '/Users/brad.barrish/bradbarrish-blog/.git/\n',
  stderr: 'fatal: remote origin already exists.\n'
}

Add social meta tag for image

Medium shows a nice image when sharing an article on twitter or facebook. We should do the same.

find the first image of the article
set it as the og:image and twitter:image:src meta tags

Investigate netlify CMS

https://www.netlifycms.org/docs/gatsby/

Could be a good alternative to https://ionicabizau.github.io/medium-editor-markdown and is pretty much everything I described here: #40 (comment).

But before we can safely integrate it, we need decaporg/decap-cms#1472 to be fixed.

It should successfully parse all the Medium Posts
I have tried it 3 times.
I have kept it running for more than 2 hours.
Still is parsing the Post 1/11

Screenshots

documentation

how to setup webmentions (sign up on https://webmention.io/, add token on netlify, https://brid.gy/)
customization
how to update to the new version
draft/published
canonical link
add analytics to your blog
add a mailing list to your blog

Question: does the blog have a CMS/way to create new posts?

Migrate Gist Support

Thanks for this great tool. Each one of my blog posts contains code blocks which linked to a gist. There is a way to migrate them?

Thanks.

mathieudutour / medium-to-own-blog Goto Github PK

medium-to-own-blog's Introduction

Medium to own blog

🚀 QuickStart

🔗 Live Demo

💪 Motivation

🔥 Features

📖 Documentation

✏️ Contributing

🐚 Technical stack

™️ License

Migration Troubleshooting

medium-to-own-blog's People

Contributors

Stargazers

Watchers

Forkers

medium-to-own-blog's Issues

Recommend Projects

Recommend Topics

Recommend Org